Mpandroidchart pie chart properties and related settings

The company recently in the statistical function, so used to the pie chart, on-line search some information finally decided to use Mpandroidchart, very convenient to use, there are some problems through a variety of search, finally solved ... Don't say much nonsense, first look at:

Layout file:

[Java]View Plain Copy  

1. <com.github.mikephil.charting.charts.piechart
2. android:id="@+id/chart"
3. Android:layout_width="Match_parent"
4. android:layout_height="Match_parent"/>

Java code:

1. Initialize pie chart

[Java]View Plain Copy  

2. private void Initchart () {
6. Mchart = (piechart) Findviewbyid (R.id.chart);
8. Mchart.setusepercentvalues (true);
10. Mchart.setdescription ("");
12. Mchart.setextraoffsets (5, 5, 5);
14. Mchart.setdrawslicetext (false);//Set hide text on pie chart, show only percentages
16. Mchart.setdrawholeenabled (true);
18. Mchart.setholecolortransparent (true);
22. Mchart.settransparentcirclecolor (Getresources (). GetColor (R.COLOR.BUTTOMBAR_BG));
24. Mchart.settransparentcirclealpha (110);
26. Mchart.setonchartvalueselectedlistener (this);
28. Mchart.setholeradius (45f); //Radius
30. //mchart.setholeradius (0)//Solid Circle
32. Mchart.settransparentcircleradius (48f); //Translucent ring
34. Mchart.setdrawcentertext (true); You can add text in the middle of a pie chart
36. //If there is no data, it will show this, similar to the ListView Emptyview
38. Mchart.setnodatatext (Getresources (). getString (R.string.no_data));
40. Mchart.setusepercentvalues (true); Set display proportional
42. SimpleDateFormat format = new SimpleDateFormat ("yyyy");
44. String year = Format.format (since_at*1000);
46. Mchart.setcentertext (Generatecenterspannabletext (year));
48. Mchart.setrotationangle (0); //Initial rotation angle
50. //Enable rotation of the chart by touch
52. Mchart.setrotationenabled (true); //Can be rotated manually
54. Mchart.sethighlightpertapenabled (true);
56. Mchart.animatey (Easing.EasingOption.EaseInOutQuad); //Set animation
58. Legend mlegend = Mchart.getlegend (); //Set Scale chart
60. Mlegend.setposition (Legend.LegendPosition.BELOW_CHART_LEFT); //Left bottom display
62. Mlegend.setformsize (12f); //Proportional block font size
64. Mlegend.setxentryspace (2f); //Set distance from pie chart to prevent overlap with pie chart
66. Mlegend.setyentryspace (2f);
68. //Set proportional block wrap ...
70. Mlegend.setwordwrapenabled (true);
72. Mlegend.setdirection (Legend.LegendDirection.LEFT_TO_RIGHT);
76. Mlegend.settextcolor (Getresources (). GetColor (r.color.alpha_80));
78. Mlegend.setform (Legend.LegendForm.SQUARE); //Set scale block shape, default to block
80. Mlegend.setenabled (false);//Set Disable scale block
82. }

2. Set up pie chart data

[Java]View Plain Copy  

2. /** 
4. * Set data for pie chart
6. * @param the scale name shown on the names pie chart
8. * @param counts Percentage
10. */
12. private void SetData (arraylist<string> names,arraylist<entry> counts) {
14. Piedataset DataSet = new Piedataset (counts, "");
16. Dataset.setslicespace (2f);
18. Dataset.setselectionshift (5f);
22. arraylist<integer> colors = new arraylist<integer> ();
24. For (int c:colortemplate.joyful_colors)
26. Colors.add (c);
28. //
30. For (int c:colortemplate.colorful_colors)
32. Colors.add (c);
36. For (int c:colortemplate.liberty_colors)
38. Colors.add (c);
42. for (int c:colortemplate.pastel_colors)
44. Colors.add (c);
46. Colors.add (Colortemplate.getholoblue ());
48. Colors.add (Getresources (). GetColor (R.color.stastic_team));
50. Dataset.setcolors (colors);
52. //dataset.setselectionshift (0f);
54. Piedata data = new Piedata (names, dataSet);
56. Data.setvalueformatter (new Percentformatter ());
58. Data.setvaluetextsize (12f);
60. Data.setvaluetextcolor (Getresources (). GetColor (R.color.whrite));
62. Mchart.setdata (data);
64. //Undo All highlights
66. Mchart.highlightvalues (null);
70. Mchart.invalidate ();
72. }

There are several problems encountered in this process:

1, the bottom of the proportional block display only one row, if more data, will be outside the screen, so you need to wrap the scale block, set as follows:

[Java]View Plain Copy  

1. Set the scale block wrapping ...
2. Mlegend.setwordwrapenabled (true);

[Java]View Plain Copy  

1. At the same time need to put the proportional block below or put on top <span style="font-family:arial, Helvetica, Sans-serif;"  > mlegend.setposition (Legend.LegendPosition.BELOW_CHART_LEFT); //Left bottom display </span>

2.How to show the percentages on the pie chart, look up a lot of information no one mentioned this, and finally found the answer on the StackOverflow.

Http://stackoverflow.com/questions/31154706/mpandroidchart-piechart-remove-percents

Piechart.setdrawslicetext (False)

3. If the proportional block is placed on the left or right, if the font is too long, it will be stacked with the pie chart and the following processing can prevent overlay.

[Java]View Plain Copy  

1. Mlegend.setxentryspace (2f); //Set distance from pie chart to prevent overlap with pie chart
2. Mlegend.setyentryspace (2f);

Mpandroidchart pie chart properties and related settings