??在一個安卓專案中大量使用了MPAndroidChart的餅圖,所以大致總結一下使用方法,
1.引入
??app下的build.gradle中加入:
implementation 'com.github.PhilJay:MPAndroidChart:v3.0.2'
2.初始化
pieChart = findViewById(R.id.pie_chart);
pieChart.setNoDataText("No chart data available.");
??初始化后如下所示:

3.添加資料
??pieChart添加資料就是一句代碼:
pieChart.setData(pieData);
??其中pieData是PieData型別資料:
PieData pieData = new PieData(pieDataSet);
??所以我們現在要得到pieDataSet:
PieDataSet pieDataSet = new PieDataSet(pieEntries, "");
??最終歸結到pieEntries上,
生成PieEntry
ArrayList<String> name = new ArrayList<>(Arrays.asList("優秀", "良好", "中等","及格", "不及格"));
List<PieEntry> pieEntries = new ArrayList<>();
ArrayList<String> rate = new ArrayList<>();
//計算百分比
for(int i = 0; i < 5; i++) {
DecimalFormat df = new DecimalFormat("0.00%");
String decimal = df.format(data[i] / (data[0] + data[1] + data[2] + data[3] + data[4]));
PieEntry pieEntry = new PieEntry(data[i] / (data[0] + data[1] + data[2] + data[3] + data[4]), name.get(i));
pieEntries.add(pieEntry);
rate.add(decimal);
//name[i] = name[i] + decimal;
}
??其中data包含五個整數,分別表示五個扇形的占比大小,生成PieEntry:
PieEntry pieEntry = new PieEntry(data[i] / (data[0] + data[1] + data[2] + data[3] + data[4]), name.get(i));
設定扇形資料及顏色:
ArrayList<Integer> colors = new ArrayList<>();
colors.add(Color.parseColor("#6BE61A"));
colors.add(Color.parseColor("#4474BB"));
colors.add(Color.parseColor("#AA7755"));
colors.add(Color.parseColor("#BB5C44"));
colors.add(Color.parseColor("#E61A1A"));
PieDataSet pieDataSet = new PieDataSet(pieEntries, "");
pieDataSet.setSliceSpace(1f); //設定個餅狀圖之間的距離
pieDataSet.setColors(colors);
pieDataSet.setValueTextSize(0);
??考慮到有的人只存在一兩種顏色,比如全是優秀或者只有優秀良好兩種,這種情況下如果設定標簽在扇形圖內必然會顯得很擁擠,所以將每個扇形的標簽字體大小設定為0,不再顯示:
pieDataSet.setValueTextSize(0);
設定PieData
PieData pieData = new PieData(pieDataSet);
pieChart.setData(pieData);
pieChart.setDrawCenterText(true);//顯示中間文字
pieChart.setCenterText(text1 + "\n" + text2);
pieChart.setCenterTextSize(20);//中間文字大小
pieChart.setCenterTextColor(Color.parseColor("#3CC4C4"));中間文字顏色
pieChart.setEntryLabelTextSize(0);//標簽不顯示
Description description = new Description();//設定描述
description.setText("");
pieChart.setDescription(description);
設定Legend
Legend legend = pieChart.getLegend();
legend.setHorizontalAlignment(Legend.LegendHorizontalAlignment.CENTER);
legend.setTextSize(12);
4.點擊事件
??由于我沒有顯示每個扇形的占比資料,所以需要在點擊后顯示相應比例:
pieChart.setOnChartValueSelectedListener(new OnChartValueSelectedListener() {
@Override
public void onValueSelected(Entry e, Highlight h) {
if(e == null) {
return;
}
if(pieEntries.get(0).getValue() == e.getY()) {
ToastUtil.showMessage(GradeRateActivity.this, name.get(0) + "占比" + rate.get(0));
}else if(pieEntries.get(1).getValue() == e.getY()) {
ToastUtil.showMessage(GradeRateActivity.this, name.get(1) + "占比" + rate.get(1));
}else if(pieEntries.get(2).getValue() == e.getY()) {
ToastUtil.showMessage(GradeRateActivity.this, name.get(2) + "占比" + rate.get(2));
}else if(pieEntries.get(3).getValue() == e.getY()) {
ToastUtil.showMessage(GradeRateActivity.this, name.get(3) + "占比" + rate.get(3));
}else if(pieEntries.get(4).getValue() == e.getY()) {
ToastUtil.showMessage(GradeRateActivity.this, name.get(4) + "占比" + rate.get(4));
}
}
@Override
public void onNothingSelected() {
}
});
5.invalidate()
pieChart.animateXY(1000, 1000);
pieChart.invalidate();
??順便設定了延遲1秒顯示,
6.效果

轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/260095.html
標籤:其他
上一篇:Day1.繪制上海地鐵網路圖
