Android MPAndroidChart之饼图PieChart_mpandroidchart 3.1.0 饼图自定义

APP为了能让用户对数据有更直观，更便捷的认识，我们通常都选择了以图表的方式展示给用户，如折线图、饼图、条形图等…今天和大家分享下MPAndroidChart，一个强大便捷的图标控件。

Android MPAndroidChart之柱状图BarChart

Android MPAndroidChart之折线图LineChart

Android MPAndroidChart之组合图(折线图+柱状图)CombinedChart

本篇我们分享下饼状图PieChart的使用

>>>>先贴张效果图<<<<

第一步，添加依赖

 //曲线图  饼状图 折线图
    implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0'
1
2

第二步，添加布局

 <com.github.mikephil.charting.charts.PieChart
            android:id="@+id/picChart"
            android:layout_width="match_parent"
            android:layout_marginTop="20dp"
            android:layout_marginLeft="10dp"
            android:layout_marginRight="10dp"
            android:layout_height="300dp" />
1
2
3
4
5
6
7

第三步设置属性

  val strings: MutableList<PieEntry> = ArrayList()
        strings.add(PieEntry(30f, "黄金"))
        strings.add(PieEntry(10f, "白银"))
        strings.add(PieEntry(60f, "青铜"))
        val dataSet = PieDataSet(strings, "")

        val colors = ArrayList<Int>()
        colors.add(ContextCompat.getColor(this,R.color.red))
        colors.add(ContextCompat.getColor(this,R.color.blue))
        colors.add(ContextCompat.getColor(this,R.color.orange))
        dataSet.colors = colors

        val pieData = PieData(dataSet)
        pieData.setDrawValues(true)

        picChart.data = pieData
        var desc=Description()
        desc.text=""
        picChart.description= desc
        picChart.holeRadius = 0f//空心半径
        picChart.transparentCircleRadius = 0f//去掉半透明
        pieData.setValueFormatter(PercentFormatter())//显示百分比
        pieData.setValueTextSize(12f)//显示字体
        picChart.isRotationEnabled = false  // 设置pieChart图表是否可以手动旋转
        //数据连接线距图形片内部边界的距离，为百分数
        dataSet.valueLinePart1OffsetPercentage = 80f;

        dataSet.valueLineColor = Color.LTGRAY;
        // 连接线在饼状图外面
        dataSet.yValuePosition = PieDataSet.ValuePosition.INSIDE_SLICE

        picChart.invalidate()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32