Android图表库MPAndroidChart(三)条行图

最新推荐文章于 2024-06-03 10:05:12 发布
最新推荐文章于 2024-06-03 10:05:12 发布
阅读量661 收藏
点赞数
分类专栏： Android图表库MPAndroidChart 文章标签： Android图表库MPAndroidC

应用

package com.fate.mpandroidchartthree;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.Toast;

import com.github.mikephil.charting.charts.BarChart;
import com.github.mikephil.charting.components.Legend;
import com.github.mikephil.charting.components.XAxis;
import com.github.mikephil.charting.components.YAxis;
import com.github.mikephil.charting.data.BarData;
import com.github.mikephil.charting.data.BarDataSet;
import com.github.mikephil.charting.data.BarEntry;
import com.github.mikephil.charting.data.Entry;
import com.github.mikephil.charting.formatter.IAxisValueFormatter;
import com.github.mikephil.charting.highlight.Highlight;
import com.github.mikephil.charting.interfaces.datasets.IBarDataSet;
import com.github.mikephil.charting.interfaces.datasets.IDataSet;
import com.github.mikephil.charting.listener.OnChartValueSelectedListener;
import com.github.mikephil.charting.utils.ColorTemplate;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity implements OnChartValueSelectedListener, View.OnClickListener {

    private BarChart mBarChart;
    //显示顶点值
    private Button btn_show_values;
    //x轴动画
    private Button btn_anim_x;
    //y轴动画
    private Button btn_anim_y;
    //xy轴动画
    private Button btn_anim_xy;
    //保存到sd卡
    private Button btn_save_pic;
    //切换自动最大最小值
    private Button btn_auto_mix_max;
    //高亮显示
    private Button btn_actionToggleHighlight;
    //显示边框
    private Button btn_actionToggleBarBorders;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initView();
    }

    //初始化
    private void initView() {
        //基本控件
        btn_show_values = (Button) findViewById(R.id.btn_show_values);
        btn_show_values.setOnClickListener(this);
        btn_anim_x = (Button) findViewById(R.id.btn_anim_x);
        btn_anim_x.setOnClickListener(this);
        btn_anim_y = (Button) findViewById(R.id.btn_anim_y);
        btn_anim_y.setOnClickListener(this);
        btn_anim_xy = (Button) findViewById(R.id.btn_anim_xy);
        btn_anim_xy.setOnClickListener(this);
        btn_save_pic = (Button) findViewById(R.id.btn_save_pic);
        btn_save_pic.setOnClickListener(this);
        btn_auto_mix_max = (Button) findViewById(R.id.btn_auto_mix_max);
        btn_auto_mix_max.setOnClickListener(this);
        btn_actionToggleHighlight = (Button) findViewById(R.id.btn_actionToggleHighlight);
        btn_actionToggleHighlight.setOnClickListener(this);
        btn_actionToggleBarBorders = (Button) findViewById(R.id.btn_actionToggleBarBorders);
        btn_actionToggleBarBorders.setOnClickListener(this);

        //条形图
        mBarChart = (BarChart) findViewById(R.id.mBarChart);
        //设置表格上的点，被点击的时候，的回调函数
        mBarChart.setOnChartValueSelectedListener(this);
        mBarChart.setDrawBarShadow(false);
        mBarChart.setDrawValueAboveBar(true);
        mBarChart.getDescription().setEnabled(false);
        // 如果60多个条目显示在图表,drawn没有值
        mBarChart.setMaxVisibleValueCount(60);
        // 扩展现在只能分别在x轴和y轴
        mBarChart.setPinchZoom(false);
        //是否显示表格颜色
        mBarChart.setDrawGridBackground(false);

        IAxisValueFormatter xAxisFormatter = new DayAxisValueFormatter(mBarChart);

        XAxis xAxis = mBarChart.getXAxis();
        xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
        xAxis.setDrawGridLines(false);
        // 只有1天的时间间隔
        xAxis.setGranularity(1f);
        xAxis.setLabelCount(8);
        xAxis.setAxisMaximum(365f);
        xAxis.setAxisMinimum(0f);
        xAxis.setValueFormatter(xAxisFormatter);

        //设置悬浮
        XYMarkerView mv = new XYMarkerView(this, xAxisFormatter);
        mv.setChartView(mBarChart);
        mBarChart.setMarker(mv);

        YAxis leftAxis = mBarChart.getAxisLeft();
        leftAxis.setLabelCount(8, false);
        leftAxis.setPosition(YAxis.YAxisLabelPosition.OUTSIDE_CHART);
        leftAxis.setSpaceTop(15f);
        //这个替换setStartAtZero(true)
        leftAxis.setAxisMinimum(0f);
        leftAxis.setAxisMaximum(13000f);

        YAxis rightAxis = mBarChart.getAxisRight();
        rightAxis.setDrawGridLines(false);
        rightAxis.setLabelCount(8, false);
        rightAxis.setSpaceTop(15f);
        rightAxis.setAxisMinimum(0f);
        rightAxis.setAxisMaximum(13000f);

        // 设置标示，就是那个一组y的value的
        Legend l = mBarChart.getLegend();
        l.setVerticalAlignment(Legend.LegendVerticalAlignment.BOTTOM);
        l.setHorizontalAlignment(Legend.LegendHorizontalAlignment.LEFT);
        l.setOrientation(Legend.LegendOrientation.HORIZONTAL);
        l.setDrawInside(false);
        //样式
        l.setForm(Legend.LegendForm.CIRCLE);
        //字体
        l.setFormSize(9f);
        //大小
        l.setTextSize(11f);
        l.setXEntrySpace(4f);

        //模拟数据
        ArrayList<BarEntry> yVals1 = new ArrayList<BarEntry>();
        yVals1.add(new BarEntry(15, 5000));
        yVals1.add(new BarEntry(45, 5500));
        yVals1.add(new BarEntry(75, 6000));
        yVals1.add(new BarEntry(105, 7000));
        yVals1.add(new BarEntry(135, 7000));
        yVals1.add(new BarEntry(165, 7500));
        yVals1.add(new BarEntry(195, 8000));
        yVals1.add(new BarEntry(225, 8000));
        yVals1.add(new BarEntry(255, 9000));
        yVals1.add(new BarEntry(285, 9500));
        yVals1.add(new BarEntry(315, 9500));
        yVals1.add(new BarEntry(345, 9500));


        setData(yVals1);
    }

    //设置数据
    private void setData(ArrayList yVals1) {
        float start = 1f;
        BarDataSet set1;
        if (mBarChart.getData() != null &&
                mBarChart.getData().getDataSetCount() > 0) {
            set1 = (BarDataSet) mBarChart.getData().getDataSetByIndex(0);
            set1.setValues(yVals1);
            mBarChart.getData().notifyDataChanged();
            mBarChart.notifyDataSetChanged();
        } else {
            set1 = new BarDataSet(yVals1, "2017年工资涨幅");
            //设置有四种颜色
            set1.setColors(ColorTemplate.MATERIAL_COLORS);
            ArrayList<IBarDataSet> dataSets = new ArrayList<IBarDataSet>();
            dataSets.add(set1);
            BarData data = new BarData(dataSets);
            data.setValueTextSize(10f);
            data.setBarWidth(2.0f);
            //设置数据
            mBarChart.setData(data);
        }
    }

    @Override
    public void onValueSelected(Entry e, Highlight h) {

    }

    @Override
    public void onNothingSelected() {

    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            //显示顶点值
            case R.id.btn_show_values:
                for (IDataSet set : mBarChart.getData().getDataSets())
                    set.setDrawValues(!set.isDrawValuesEnabled());

                mBarChart.invalidate();
                break;
            //x轴动画
            case R.id.btn_anim_x:
                mBarChart.animateX(3000);
                break;
            //y轴动画
            case R.id.btn_anim_y:
                mBarChart.animateY(3000);
                break;
            //xy轴动画
            case R.id.btn_anim_xy:
                mBarChart.animateXY(3000, 3000);
                break;
            //保存到sd卡
            case R.id.btn_save_pic:
                if (mBarChart.saveToGallery("title" + System.currentTimeMillis(), 50)) {
                    Toast.makeText(getApplicationContext(), "保存成功",
                            Toast.LENGTH_SHORT).show();
                } else
                    Toast.makeText(getApplicationContext(), "保存失败",
                            Toast.LENGTH_SHORT).show();
                break;
            //切换自动最大最小值
            case R.id.btn_auto_mix_max:
                mBarChart.setAutoScaleMinMaxEnabled(!mBarChart.isAutoScaleMinMaxEnabled());
                mBarChart.notifyDataSetChanged();
                break;
            //高亮显示
            case R.id.btn_actionToggleHighlight:
                if (mBarChart.getData() != null) {
                    mBarChart.getData().setHighlightEnabled(
                            !mBarChart.getData().isHighlightEnabled());
                    mBarChart.invalidate();
                }
                break;
            //显示边框
            case R.id.btn_actionToggleBarBorders:
                for (IBarDataSet set : mBarChart.getData().getDataSets())
                    ((BarDataSet) set)
                            .setBarBorderWidth(set.getBarBorderWidth() == 1.f ? 0.f
                                    : 1.f);
                mBarChart.invalidate();
                break;
        }
    }
}

DayAxisValueFormatter

package com.fate.mpandroidchartthree;

import com.github.mikephil.charting.charts.BarLineChartBase;
import com.github.mikephil.charting.components.AxisBase;
import com.github.mikephil.charting.formatter.IAxisValueFormatter;

public class DayAxisValueFormatter implements IAxisValueFormatter {

    protected String[] mMonths = new String[]{
            "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"
    };

    private BarLineChartBase<?> chart;

    public DayAxisValueFormatter(BarLineChartBase<?> chart) {
        this.chart = chart;
    }

    @Override
    public String getFormattedValue(float value, AxisBase axis) {

        int days = (int) value;
        int year = determineYear(days);
        int month = determineMonth(days);
        String monthName = mMonths[month % mMonths.length];
        String yearName = String.valueOf(year);

        if (chart.getVisibleXRange() > 30 * 6) {
            return monthName + " " + yearName;
        } else {
            int dayOfMonth = determineDayOfMonth(days, month + 12 * (year - 2016));
            String appendix = "th";

            switch (dayOfMonth) {
                case 1:
                    appendix = "st";
                    break;
                case 2:
                    appendix = "nd";
                    break;
                case 3:
                    appendix = "rd";
                    break;
                case 21:
                    appendix = "st";
                    break;
                case 22:
                    appendix = "nd";
                    break;
                case 23:
                    appendix = "rd";
                    break;
                case 31:
                    appendix = "st";
                    break;
            }

            return dayOfMonth == 0 ? "" : dayOfMonth + appendix + " " + monthName;
        }
    }

    private int getDaysForMonth(int month, int year) {
        // month is 0-based
        if (month == 1) {
            int x400 = month % 400;
            if (x400 < 0) {
                x400 = -x400;
            }
            boolean is29 = (month % 4) == 0 && x400 != 100 && x400 != 200 && x400 != 300;

            return is29 ? 29 : 28;
        }

        if (month == 3 || month == 5 || month == 8 || month == 10)
            return 30;
        else
            return 31;
    }

    private int determineMonth(int dayOfYear) {

        int month = -1;
        int days = 0;

        while (days < dayOfYear) {
            month = month + 1;

            if (month >= 12)
                month = 0;

            int year = determineYear(days);
            days += getDaysForMonth(month, year);
        }

        return Math.max(month, 0);
    }

    private int determineDayOfMonth(int days, int month) {

        int count = 0;
        int daysForMonths = 0;

        while (count < month) {

            int year = determineYear(daysForMonths);
            daysForMonths += getDaysForMonth(count % 12, year);
            count++;
        }

        return days - daysForMonths;
    }

    private int determineYear(int days) {

        if (days <= 366)
            return 2016;
        else if (days <= 730)
            return 2017;
        else if (days <= 1094)
            return 2018;
        else if (days <= 1458)
            return 2019;
        else
            return 2020;

    }

    @Override
    public int getDecimalDigits() {
        return 0;
    }
}

XYMarkerView 

package com.fate.mpandroidchartthree;

import android.content.Context;
import android.widget.TextView;

import com.github.mikephil.charting.components.MarkerView;
import com.github.mikephil.charting.data.Entry;
import com.github.mikephil.charting.formatter.IAxisValueFormatter;
import com.github.mikephil.charting.highlight.Highlight;
import com.github.mikephil.charting.utils.MPPointF;

import java.text.DecimalFormat;

public class XYMarkerView extends MarkerView {

    private TextView tvContent;
    private IAxisValueFormatter xAxisValueFormatter;

    private DecimalFormat format;

    public XYMarkerView(Context context, IAxisValueFormatter xAxisValueFormatter) {
        super(context, R.layout.custom_marker_view);

        this.xAxisValueFormatter = xAxisValueFormatter;
        tvContent = (TextView) findViewById(R.id.tvContent);
        format = new DecimalFormat("###.0");
    }

    //回调函数每次MarkerView重绘,可以用来更新内容(用户界面)
    @Override
    public void refreshContent(Entry e, Highlight highlight) {
        tvContent.setText("x: " + xAxisValueFormatter.getFormattedValue(e.getX(), null) + ", y: " + format.format(e.getY()));
        super.refreshContent(e, highlight);
    }

    @Override
    public MPPointF getOffset() {
        return new MPPointF(-(getWidth() / 2), -getHeight());
    }
}
布局

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <com.github.mikephil.charting.charts.BarChart
        android:id="@+id/mBarChart"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"/>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">


        <Button
            android:id="@+id/btn_show_values"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="顶点显示值"/>

        <Button
            android:id="@+id/btn_anim_x"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="X轴动画"/>

        <Button
            android:id="@+id/btn_anim_y"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Y轴动画"/>

        <Button
            android:id="@+id/btn_anim_xy"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="XY轴动画"/>


    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">


        <Button
            android:id="@+id/btn_save_pic"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="保存到相册"/>

        <Button
            android:id="@+id/btn_auto_mix_max"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="自动最大最小值"/>

        <Button
            android:id="@+id/btn_actionToggleHighlight"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="高亮显示"/>

        <Button
            android:id="@+id/btn_actionToggleBarBorders"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="显示边框"/>


    </LinearLayout>

</LinearLayout>

布局

custom_marker.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="40dp"
    android:background="@drawable/marker">

    <TextView
        android:id="@+id/tvContent"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_marginLeft="5dp"
        android:layout_marginRight="5dp"
        android:layout_marginTop="7dp"
        android:ellipsize="end"
        android:singleLine="true"
        android:text=""
        android:textAppearance="?android:attr/textAppearanceSmall"
        android:textColor="@android:color/white"
        android:textSize="12dp"/>

</RelativeLayout>

图片

marker.png


http://blog.csdn.net/qq_26787115/article/details/53198957


Air Field
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android图表控件MPAndroidChart——BarChart实现多列柱状图以及堆积柱状图
xhuww的博客
07-03 6万+
目录 前言 1. 数据准备 1.1 数据来源 2. 图表展示 2.1 MPAndroidChart获取 2.2 数据对象获取 2.3 数据展示 3.柱状图外观完善 3.1 去掉图表外框，描述内容以及X Y轴线条 3.2 修改X Y轴网格线 3.3 X Y轴自定义显示值 3.4 柱状图显示不完整问题解决 3.5 单条柱状图宽度 4. 多条柱状图 4.1 多条柱状图展示...
安卓库-图表库： MPChartView
KafenWong的博客
06-05 273
安卓图表库MPChartView
【Android Studio】第三方库 图表（MPAndroidChart）使用
涛涛子的博客
03-31 3623
该类是 Chart 图表的 Y 轴，但 Chart 中有左右两个 Y 轴，分别由 chart.getAxisLeft()、chart.getAxisRight()可以在该监听函数中实现点击不同的数据在另一个 Chart 中展现对应的不同的数据。​ 该类是图表的控件，类似于按键、图片，是从 xml 文件中通过 id 获取到的。​ 该类是 Chart 的限制线，作用是呈现一些特殊的信息，像边界、约束等。​ 该类是 Chart 图表的 X/Y 轴的基类。​ 该类是一个 Chart 类的标题。
推荐开源项目：SlimChart——Android轻量级图表库
最新发布
gitblog_00040的博客
06-03 320
推荐开源项目：SlimChart——Android轻量级图表库 项目地址:https://gitcode.com/mancj/SlimChart 在当今的数据驱动时代，直观展示数据成为了一项重要的需求。特别是在移动应用中，用户友好、美观的图表能够提升用户体验，使数据传达更加有效。为此，我们向您推荐一款名为SlimChart的开源Android图表库。 1、项目介绍 SlimChart 是一个轻量...
Android图表库MPAndroidChart(四)——条形图的绘制过程过程,隐隐约约我看到了套路...
weixin_33756418的博客
11-17 636
Android图表库MPAndroidChart(四)——条形图的绘制过程过程,隐隐约约我看到了套路 在学习本课程之前我建议先把我之前的博客看完，这样对整体的流程有一个大致的了解 Android图表库MPAndroidChart(一)——了解他的本质，方能得心应手 Android图表库MPAndroidChart(二)...
Android图表库MPAndroidChart(十一)——多层级的堆叠条形图
weixin_34075268的博客
11-24 846
Android图表库MPAndroidChart(十一)——多层级的堆叠条形图 事实上这个也是条形图的一种扩展，我们看下效果就知道了 是吧，他一般满足的需求就是同类数据比较了，不过目前我还真没看过哪个app有这样的图表，但是并不代表我们不能实现呀对吧，我们来看下基本实现 一.基本实现 看下我们的lay...
详解Android图表 MPAndroidChart折线图
08-31
MPAndroidChart是一款强大的Android图表库，它允许开发者轻松地在应用程序中展示各种图表类型，包括折线图、柱状图、饼图等。本篇文章主要聚焦于如何在Android项目中使用MPAndroidChart来创建折线图。 首先，要集成...
Android MPAndroidChart开源图表库之饼状图的代码
08-27
Android MPAndroidChart开源图表库之饼状图的代码 MPAndroidChart是一款基于Android的开源图表库，提供了各种统计图表的绘制和交互功能。该库不仅可以在Android设备上绘制各种统计图表，而且可以对图表进行拖动和...
Android图表库MPAndroidChart.zip
07-17
MPAndroidChart 是 Android 系统上一款开源的图表库。目前提供线图和饼图，支持选择、缩放和拖放。 示例代码： LineData ld = new LineData(...); LimitLine ll = new LimitLine(140f); ll.setLineColor...
Android MPAndroidChart开源库图表之折线图的实例代码
08-27
MPAndroidChart是一款功能强大且流行的Android图表库，提供了多种类型的图表，包括折线图、柱状图、饼状图等。该库具有灵活的自定义功能，能够满足不同的需求和样式。 二、折线图的实例代码 以下是使用...
Android利用MPAndroidChart绘制曲线图表的基础教程
01-05
前言 最近看了一下 Android 上的图表控件，去年做过一款应用也已上架了，也用到了图表控件，但是只是...基本上 start 从高到低的图表控件就是 MPAndroidChart、hellocharts-android、WilliamChart、XCL-Charts、EazeGra
MPAndroidChart使用
chuyouyinghe的专栏
02-23 4861
MPAndroidChart的基本使用 本文讲述对MPAndroidChart的基本使用 一、添加依赖 Usage​ 二、layout布局，我这里实现了三个图形，可以根据自己的需要，添加图形控件 三、实现代码 图形横纵坐标默认为float形式，如果想展示文字形式，需要自定义适配器。自定义适配器会在“四”中列出 四、自定义适配器类 XAxisValueFormatter： MyAxisValue...
Android图表库MPAndroidChart(六)——换一种思考方式，水平条形图的实现过程
weixin_34104341的博客
11-17 631
Android图表库MPAndroidChart(六)——换一种思考方式，水平条形图的实现过程 一.基本实现 我们之前实现了条形图，现在来看下水平条形图是怎么实现的，说白了就是横起来，看下效果： 说起来现在写着博客就轻松很多了，大家对MPAndroidChart的大部分流程已经很熟悉了，我们先layout里面定...
Android图表库MPAndroidChart(三)——双重轴线形图的实现，这次就so easy了
weixin_34337381的博客
11-16 618
Android图表库MPAndroidChart(三)——双重轴线形图的实现，这次就so easy了 在学习本课程之前我建议先把我之前的博客看完，这样对整体的流程有一个大致的了解 Android图表库MPAndroidChart(一)——了解他的本质，方能得心应手 Android图表库MPAndroidChart(二)...
Android图表库MPAndroidChart条形图X轴显示文字或日期。
yuhang01的博客
08-19 9585
ps:因为公司的业务需求，需要对于复杂数据的图形显示简化，所以开始接触MPAndroid git上官网的例子是这样的: 我想实现的效果是这样的: 最左边显示日期或文字 心理路程:我想实现的效果是左边的x轴显示日期，但是根据我好长时间的尝试以及百度也没有明确的答案 解决方案 ： 在build.gradle中导入：compile ‘com.github.PhilJay:MPAndroidChart...
android 图表第三方库
chuyouyinghe的专栏
02-23 441
MPAndroidChart ：https://github.com/PhilJay/MPAndroidChart mirrors / PhilJay / MPAndroidChart · GitCode 某网站 看个资料还得vip 还好那个网站干货不多。 实现的效果： 开源库地址：https://github.com/PhilJay/MPAndroidChart 转自： android 图表第三方库 - 简书 https://www.jianshu.com...
Android MpAndroidChart使用流程和坑--组合图
Wubo的博客
06-08 2662
CombinedChart 借鉴博客https://github.com/PhilJay/MPAndroidChart http://www.jianshu.com/p/587946813a78 饼状图可以详见： 柱状图可以详见： 该项目的源码： 步骤：CombinedChart 1、引用（三种方式，不一一介绍了，看github） 2、根据需求选择相应的表 折
Android MPChart 实现BarChart图形，负数条形显示在0一下，正数条形在0以上的！
杨备的博客
06-08 5573
可能没说明白，具体就是介样子的： 具体怎么做呢，（其实很简单）用到的插件还是强大的MPchart,还有之前的写道的BarChart图形，长介样子 要做成第一张图的这个样子首先要准备一组有正有负的数组，相比大家有很多方法去写，我的做法是这样的： 生成一个随机的正负的数组：(这里看着好看我就把随机数用了三次，出现了三个竖条)private BarData generate1Data(int
实现柱状图与条形图的结合，MPAndroidChart的简单使用
Dovar_66的博客
11-07 3795
先贴效果图： 这种样式的统计表格也是比较常用的，下面直接贴代码： public class ChartActivity extends BaseActivity { @BindView(R.id.chart1) MyCombinedChart mChart1;//维修单完成情况 private final int itemcount = 3; prote
Android MPAndroidChart 饼状图
08-19
饼状图是一种常用的数据可视化图表，在Android开发中，可以使用MPAndroidChart库来实现饼状图的绘制。MPAndroidChart是一个功能强大且易于使用的开源图表库，提供了丰富的图表类型和自定义选项。 要在Android项目中使用MPAndroidChart库，首先需要在项目的build.gradle文件中添加依赖： ``` dependencies { implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0' } ``` 接下来，在布局文件中添加一个`PieChart`视图： ```xml <com.github.mikephil.charting.charts.PieChart android:id="@+id/pie_chart" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 然后，在代码中获取`PieChart`实例，并设置数据和样式： ```java PieChart pieChart = findViewById(R.id.pie_chart); // 创建数据集 ArrayList<PieEntry> entries = new ArrayList<>(); entries.add(new PieEntry(40f, "Label 1")); entries.add(new PieEntry(30f, "Label 2")); entries.add(new PieEntry(20f, "Label 3")); entries.add(new PieEntry(10f, "Label 4")); PieDataSet dataSet = new PieDataSet(entries, "Pie Chart"); // 设置每个数据块的颜色 dataSet.setColors(ColorTemplate.COLORFUL_COLORS); PieData data = new PieData(dataSet); pieChart.setData(data); // 设置饼状图的样式和交互选项 pieChart.setDrawHoleEnabled(true); pieChart.setHoleColor(Color.WHITE); pieChart.setTransparentCircleColor(Color.WHITE); pieChart.setTransparentCircleAlpha(110); pieChart.setHoleRadius(58f); pieChart.setTransparentCircleRadius(61f); pieChart.setDrawCenterText(true); pieChart.setRotationEnabled(true); pieChart.setHighlightPerTapEnabled(true); pieChart.animateY(1400, Easing.EaseInOutQuad); // 更新视图 pieChart.invalidate(); ``` 这样就可以在Android应用中绘制一个简单的饼状图了。你可以根据需要调整样式和交互选项，以满足具体需求。更多关于MPAndroidChart的使用和自定义选项，请参考官方文档和示例代码。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值