pieChart

首先附上效果图:

废话不多说直接附代码,有详细注释供参考。

1.添加依赖

//在build.gradle(Module:app)下添加

implementation'com.github.PhilJay:MPAndroidChart:v3.0.3'

//在build.gradle(Project:你的项目名称)下的allprojects中添加
maven {

url"https://jitpack.io"

}

2.新建布局

<com.github.mikephil.charting.charts.PieChart

    android:id="@+id/pie_chart"

    android:layout_width="394dp"

    android:layout_height="394dp"

    android:layout_gravity="center" />

3.造数据(有详细注释)

private List getPieChartData() {

//      用于存放pieEntry

        List mPie =new ArrayList<>();

//下面这是我自己造的假数据

        HashMap map=new HashMap<>();

map.put("A",10f);

map.put("B",20f);

map.put("C",40f);

map.put("D",30f);

for (Map.Entry entry: map.entrySet()){

//第一个参数是图表块的值,第二个参数是图标块的名称

            PieEntry pieEntry =new PieEntry( entry.getValue(),entry.getKey());

mPie.add(pieEntry);

}

return mPie;

}

4.数据装载(有详细注释)

private void showPieChart(PieChart pieChart, List pieList) {

PieDataSet dataSet =new PieDataSet(pieList,"Label");

// 用来存储颜色

        ArrayList colors =new ArrayList();

//遍历颜色

        for (int c : ColorTemplate.VORDIPLOM_COLORS) {

colors.add(c);

}

dataSet.setColors(colors);

PieData pieData =new PieData(dataSet);

// 设置描述

        Description description =new Description();

description.setText("这是你设置的标识");

description.setEnabled(true);

pieChart.setDescription(description);

//设置半透明圆环的半径, 0为透明

        pieChart.setTransparentCircleRadius(0f);

//数据连接线距图形片内部边界的距离,为百分数

//        dataSet.setValueLinePart1OffsetPercentage(80f);

//设置连接线的颜色

        dataSet.setValueLineColor(Color.LTGRAY);

// 连接线在饼状图外面

        dataSet.setYValuePosition(PieDataSet.ValuePosition.OUTSIDE_SLICE);

// 设置饼块之间的间隔

        dataSet.setSliceSpace(1f);

//高光设置

        dataSet.setHighlightEnabled(true);

// 不显示图例,图例即图下方标记

        Legend legend = pieChart.getLegend();

legend.setEnabled(false);

// 和四周相隔一段距离,显示数据,可以靠他来调整位置

        pieChart.setExtraOffsets(28,5,35,5);

// 设置pieChart图表是否可以手动旋转

        pieChart.setRotationEnabled(false);

// 设置piecahrt图表点击Item高亮是否可用

        pieChart.setHighlightPerTapEnabled(true);

// 设置pieChart图表展示动画效果,动画运行1.4秒结束,可以在EasingOption中选着加载的样式

        pieChart.animateY(1400, Easing.EasingOption.EaseInOutQuad);

//设置pieChart是否只显示饼图上百分比不显示文字

        pieChart.setDrawEntryLabels(true);

//是否绘制PieChart内部中心文本

        pieChart.setDrawCenterText(true);

// 绘制内容value,设置字体颜色大小

        pieData.setDrawValues(true);

pieData.setValueFormatter(new PercentFormatter());//设置格式为百分百格式

        pieData.setValueTextSize(10f);

pieData.setValueTextColor(Color.DKGRAY);

pieChart.setData(pieData);

// 更新 piechart 视图

        pieChart.postInvalidate();

}

5.初始化组件,调用方法即可

pieChart=this.findViewById(R.id.pie_chart);

showPieChart(pieChart,getPieChartData());

代码中的注释记得仔细看哦

最后附代码:https://github.com/jiutaotan/MPChart

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 8. Setting Colors Since release v1.4.0, the ColorTemplate...
    ngugg阅读 761评论 0 0
  • 图表控件库 MPAndroidChart 的使用 使用方法 项目源码地址,包含了很多类型的图标 https://g...
    jinchuang阅读 843评论 0 0
  • This chapter covers the basic setup for using this librar...
    ngugg阅读 1,067评论 0 1
  • MPAndroidChart依赖:implementation 'com.github.PhilJay:MPAnd...
    吃泥巴的猫阅读 5,475评论 0 2
  • 本文是我在阅读了网络上其他作者的优秀内容之后做的摘录转载,其中有对内容的补充。原来地址:http://www.id...
    狗子王1948阅读 2,542评论 2 4