MPAndroidChart¿ªÔ´Í¼±í¿âµÄÊ¹ÓÃ½éÉÜÖ®±ý×´Í¼¡¢ÕÛÏßÍ¼ºÍÖù×´Í¼

MPAndroidChart¿ªÔ´Í¼±í¿âÖ®±ý×´Í¼

¡¡¡¡Îª´ó¼Ò½éÉÜÒ»¿îÍ¼±ê¿ªÔ´¿âMPAndroidChart,Ëü²»½ö¿ÉÒÔÔÚAndroidÉè±¸ÉÏ»æÖÆ¸÷ÖÖÍ³¼ÆÍ¼±í£¬¶øÇÒ¿ÉÒÔ¶ÔÍ¼±í½øÐÐÍÏ¶¯ºÍËõ·Å²Ù×÷£¬ÓÃÆðÀ´·Ç³£Áé»î¡£MPAndroidChartÍ¬ÑùÓµÓÐ³£ÓÃµÄÍ¼±íÀàÐÍ£ºÏßÐÍÍ¼¡¢±ýÍ¼¡¢Öù×´Í¼ºÍÉ¢µãÍ¼¡£

mpandroidchartlibrary.jar°üÏÂÔØµØÖ·£º

https://github.com/PhilJay/MPAndroidChart/releases

¡¡¡¡ÏÂÃæÖ÷ÒªÊµÏÖÒÔÏÂ±ý×´Í¼£º

¡¡¡¡1.´ÓÉÏÃæµÄµØÖ·ÖÐÏÂÔØ×îÐÂmpandroidchartlibrary-2-0-8.jar°ü£¬ È»ºócopyµ½ÏîÄ¿µÄlibsÖÐ

¡¡¡¡2. ¶¨ÒåxmlÎÄ¼þ

MPAndroidChart¿ªÔ´Í¼±í¿âµÄÊ¹ÓÃ½éÉÜÖ®±ý×´Í¼¡¢ÕÛÏßÍ¼ºÍÖù×´Í¼1

3. Ö÷ÒªJavaÂß¼´úÂëÈçÏÂ¡£

importjava.util.ArrayList; importcom.github.mikephil.charting.charts.PieChart; importcom.github.mikephil.charting.components.Legend; importcom.github.mikephil.charting.components.Legend.LegendPosition; importcom.github.mikephil.charting.data.Entry; importcom.github.mikephil.charting.data.PieData; importcom.github.mikephil.charting.data.PieDataSet; import android.support.v7.app.ActionBarActivity; importandroid.graphics.Color; importandroid.os.Bundle; importandroid.util.DisplayMetrics; public class MainActivity extends ActionBarActivity { privatePieChartmChart; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mChart = (PieChart) findViewById(R.id.spread_pie_chart); PieDatamPieData = getPieData(4, 100); showChart(mChart, mPieData); } private void showChart(PieChartpieChart, PieDatapieData) { pieChart.setHoleColorTransparent(true); pieChart.setHoleRadius(60f); //°ë¾¶ pieChart.setTransparentCircleRadius(64f); // °ëÍ¸Ã÷È¦ //pieChart.setHoleRadius(0) //ÊµÐÄÔ² pieChart.setDescription("²âÊÔ±ý×´Í¼"); // mChart.setDrawYValues(true); pieChart.setDrawCenterText(true); //±ý×´Í¼ÖÐ¼ä¿ÉÒÔÌí¼ÓÎÄ×Ö pieChart.setDrawHoleEnabled(true); pieChart.setRotationAngle(90); // ³õÊ¼Ðý×ª½Ç¶È // draws the corresponding description value into the slice // mChart.setDrawXValues(true); // enable rotation of the chart by touch pieChart.setRotationEnabled(true); // ¿ÉÒÔÊÖ¶¯Ðý×ª // display percentage values pieChart.setUsePercentValues(true); //ÏÔÊ¾³É°Ù·Ö±È // mChart.setUnit(" "); // mChart.setDrawUnitsInChart(true); // add a selection listener // mChart.setOnChartValueSelectedListener(this); // mChart.setTouchEnabled(false); // mChart.setOnAnimationListener(this); pieChart.setCenterText("Quarterly Revenue"); //±ý×´Í¼ÖÐ¼äµÄÎÄ×Ö //ÉèÖÃÊý¾Ý pieChart.setData(pieData); // undo all highlights // pieChart.highlightValues(null); // pieChart.invalidate(); Legend mLegend = pieChart.getLegend(); //ÉèÖÃ±ÈÀýÍ¼ mLegend.setPosition(LegendPosition.RIGHT_OF_CHART); //×îÓÒ±ßÏÔÊ¾ // mLegend.setForm(LegendForm.LINE); //ÉèÖÃ±ÈÀýÍ¼µÄÐÎ×´£¬Ä¬ÈÏÊÇ·½ÐÎ mLegend.setXEntrySpace(7f); mLegend.setYEntrySpace(5f); pieChart.animateXY(1000, 1000); //ÉèÖÃ¶¯» // mChart.spin(2000, 0, 360); } /** * * @param count ·Ö³É¼¸²¿·Ö * @param range */ privatePieDatagetPieData(int count, float range) { ArrayList<String>xValues = new ArrayList<String>(); //xValsÓÃÀ´±íÊ¾Ã¿¸ö±ý¿éÉÏµÄÄÚÈÝ for (inti = 0; i< count; i++) { xValues.add("Quarterly" + (i + 1)); //±ý¿éÉÏÏÔÊ¾³ÉQuarterly1, Quarterly2, Quarterly3, Quarterly4 } ArrayList<Entry>yValues = new ArrayList<Entry>(); //yValsÓÃÀ´±íÊ¾·â×°Ã¿¸ö±ý¿éµÄÊµ¼ÊÊý¾Ý // ±ýÍ¼Êý¾Ý /** * ½«Ò»¸ö±ýÐÎÍ¼·Ö³ÉËÄ²¿·Ö£¬ËÄ²¿·ÖµÄÊýÖµ±ÈÀýÎª14:14:34:38 * ËùÒÔ 14´ú±íµÄ°Ù·Ö±È¾ÍÊÇ14% */ float quarterly1 = 14; float quarterly2 = 14; float quarterly3 = 34; float quarterly4 = 38; yValues.add(new Entry(quarterly1, 0)); yValues.add(new Entry(quarterly2, 1)); yValues.add(new Entry(quarterly3, 2)); yValues.add(new Entry(quarterly4, 3)); //yÖáµÄ¼¯ºÏ PieDataSetpieDataSet = new PieDataSet(yValues, "Quarterly Revenue 2014"/*ÏÔÊ¾ÔÚ±ÈÀýÍ¼ÉÏ*/); pieDataSet.setSliceSpace(0f); //ÉèÖÃ¸ö±ý×´Í¼Ö®¼äµÄ¾àÀë ArrayList<Integer> colors = new ArrayList<Integer>(); // ±ýÍ¼ÑÕÉ« colors.add(Color.rgb(205, 205, 205)); colors.add(Color.rgb(114, 188, 223)); colors.add(Color.rgb(255, 123, 124)); colors.add(Color.rgb(57, 135, 200)); pieDataSet.setColors(colors); DisplayMetrics metrics = getResources().getDisplayMetrics(); floatpx = 5 * (metrics.densityDpi / 160f); pieDataSet.setSelectionShift(px); // Ñ¡ÖÐÌ¬¶à³öµÄ³¤¶È PieDatapieData = new PieData(xValues, pieDataSet); returnpieData; } }

Ð§¹ûÍ¼ÈçÏÂ£º

MPAndroidChart¿ªÔ´Í¼±í¿âµÄÊ¹ÓÃ½éÉÜÖ®±ý×´Í¼¡¢ÕÛÏßÍ¼ºÍÖù×´Í¼2

MPAndroidChart¿ªÔ´Í¼±í¿âÖ®ÕÛÏßÍ¼

1. ½«mpandroidchartlibrary-2-0-8.jar°ücopyµ½ÏîÄ¿µÄlibsÖÐ

2. ¶¨ÒåxmlÎÄ¼þ

MPAndroidChart¿ªÔ´Í¼±í¿âµÄÊ¹ÓÃ½éÉÜÖ®±ý×´Í¼¡¢ÕÛÏßÍ¼ºÍÖù×´Í¼3

3. Ö÷ÒªJavaÂß¼´úÂëÈçÏÂ¡£

packagecom.example.mpandroidlinechart; importjava.util.ArrayList; importcom.github.mikephil.charting.charts.LineChart; importcom.github.mikephil.charting.components.Legend; importcom.github.mikephil.charting.components.Legend.LegendForm; importcom.github.mikephil.charting.data.Entry; importcom.github.mikephil.charting.data.LineData; importcom.github.mikephil.charting.data.LineDataSet; import android.support.v7.app.ActionBarActivity; importandroid.graphics.Color; importandroid.os.Bundle; public class MainActivity extends ActionBarActivity { privateLineChartmLineChart; // private Typeface mTf; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mLineChart = (LineChart) findViewById(R.id.spread_line_chart); // mTf = Typeface.createFromAsset(getAssets(), "OpenSans-Bold.ttf"); LineDatamLineData = getLineData(36, 100); showChart(mLineChart, mLineData, Color.rgb(114, 188, 223)); } // ÉèÖÃÏÔÊ¾µÄÑùÊ½ private void showChart(LineChartlineChart, LineDatalineData, int color) { lineChart.setDrawBorders(false); //ÊÇ·ñÔÚÕÛÏßÍ¼ÉÏÌí¼Ó±ß¿ò // no description text lineChart.setDescription("");// Êý¾ÝÃèÊö // Èç¹ûÃ»ÓÐÊý¾ÝµÄÊ±ºò£¬»áÏÔÊ¾Õâ¸ö£¬ÀàËÆlistviewµÄemtpyview lineChart.setNoDataTextDescription("You need to provide data for the chart."); // enable / disable grid background lineChart.setDrawGridBackground(false); // ÊÇ·ñÏÔÊ¾±í¸ñÑÕÉ« lineChart.setGridBackgroundColor(Color.WHITE& 0x70FFFFFF); // ±í¸ñµÄµÄÑÕÉ«£¬ÔÚÕâÀïÊÇÊÇ¸øÑÕÉ«ÉèÖÃÒ»¸öÍ¸Ã÷¶È // enable touch gestures lineChart.setTouchEnabled(true); // ÉèÖÃÊÇ·ñ¿ÉÒÔ´¥Ãþ // enable scaling and dragging lineChart.setDragEnabled(true);// ÊÇ·ñ¿ÉÒÔÍÏ×§ lineChart.setScaleEnabled(true);// ÊÇ·ñ¿ÉÒÔËõ·Å // if disabled, scaling can be done on x- and y-axis separately lineChart.setPinchZoom(false);// lineChart.setBackgroundColor(color);// ÉèÖÃ±³¾° // add data lineChart.setData(lineData); // ÉèÖÃÊý¾Ý // get the legend (only possible after setting data) Legend mLegend = lineChart.getLegend(); // ÉèÖÃ±ÈÀýÍ¼±êÊ¾£¬¾ÍÊÇÄÇ¸öÒ»×éyµÄvalueµÄ // modify the legend ... // mLegend.setPosition(LegendPosition.LEFT_OF_CHART); mLegend.setForm(LegendForm.CIRCLE);// ÑùÊ½ mLegend.setFormSize(6f);// ×ÖÌå mLegend.setTextColor(Color.WHITE);// ÑÕÉ« // mLegend.setTypeface(mTf);// ×ÖÌå lineChart.animateX(2500); // Á¢¼´Ö´ÐÐµÄ¶¯»,xÖá } /** * Éú³ÉÒ»¸öÊý¾Ý * @param count ±íÊ¾Í¼±íÖÐÓÐ¶àÉÙ¸ö×ø±êµã * @param range ÓÃÀ´Éú³ÉrangeÒÔÄÚµÄËæ»úÊý * @return */ privateLineDatagetLineData(int count, float range) { ArrayList<String>xValues = new ArrayList<String>(); for (inti = 0; i< count; i++) { // xÖáÏÔÊ¾µÄÊý¾Ý£¬ÕâÀïÄ¬ÈÏÊ¹ÓÃÊý×ÖÏÂ±êÏÔÊ¾ xValues.add("" + i); } // yÖáµÄÊý¾Ý ArrayList<Entry>yValues = new ArrayList<Entry>(); for (inti = 0; i< count; i++) { float value = (float) (Math.random() * range) + 3; yValues.add(new Entry(value, i)); } // create a dataset and give it a type // yÖáµÄÊý¾Ý¼¯ºÏ LineDataSetlineDataSet = new LineDataSet(yValues, "²âÊÔÕÛÏßÍ¼" /*ÏÔÊ¾ÔÚ±ÈÀýÍ¼ÉÏ*/); // mLineDataSet.setFillAlpha(110); // mLineDataSet.setFillColor(Color.RED); //ÓÃyÖáµÄ¼¯ºÏÀ´ÉèÖÃ²ÎÊý lineDataSet.setLineWidth(1.75f); // Ïß¿í lineDataSet.setCircleSize(3f);// ÏÔÊ¾µÄÔ²ÐÎ´óÐ¡ lineDataSet.setColor(Color.WHITE);// ÏÔÊ¾ÑÕÉ« lineDataSet.setCircleColor(Color.WHITE);// Ô²ÐÎµÄÑÕÉ« lineDataSet.setHighLightColor(Color.WHITE); // ¸ßÁÁµÄÏßµÄÑÕÉ« ArrayList<LineDataSet>lineDataSets = new ArrayList<LineDataSet>(); lineDataSets.add(lineDataSet); // add the datasets // create a data object with the datasets LineDatalineData = new LineData(xValues, lineDataSets); returnlineData; } }

Ð§¹ûÍ¼ÈçÏÂ£º

MPAndroidChart¿ªÔ´Í¼±í¿âµÄÊ¹ÓÃ½éÉÜÖ®±ý×´Í¼¡¢ÕÛÏßÍ¼ºÍÖù×´Í¼4

MPAndroidChart¿ªÔ´Í¼±í¿âÖ®Öù×´Í¼

1. ½«mpandroidchartlibrary-2-0-8.jar°ücopyµ½ÏîÄ¿µÄlibsÖÐ

2. ¶¨ÒåxmlÎÄ¼þ

MPAndroidChart¿ªÔ´Í¼±í¿âµÄÊ¹ÓÃ½éÉÜÖ®±ý×´Í¼¡¢ÕÛÏßÍ¼ºÍÖù×´Í¼5

3. Ö÷ÒªJavaÂß¼´úÂëÈçÏÂ¡£

packagecom.jackie.mpandoidbarchart; importjava.util.ArrayList; importcom.github.mikephil.charting.charts.BarChart; importcom.github.mikephil.charting.charts.LineChart; importcom.github.mikephil.charting.components.Legend; importcom.github.mikephil.charting.components.Legend.LegendForm; importcom.github.mikephil.charting.components.XAxis; importcom.github.mikephil.charting.components.XAxis.XAxisPosition; importcom.github.mikephil.charting.data.BarData; importcom.github.mikephil.charting.data.BarDataSet; importcom.github.mikephil.charting.data.BarEntry; import android.support.v7.app.ActionBarActivity; importandroid.graphics.Color; importandroid.os.Bundle; public class MainActivity extends ActionBarActivity { privateBarChartmBarChart; privateBarDatamBarData; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mBarChart = (BarChart) findViewById(R.id.spread_bar_chart); mBarData = getBarData(4, 100); showBarChart(mBarChart, mBarData); } private void showBarChart(BarChartbarChart, BarDatabarData) { barChart.setDrawBorders(false); ////ÊÇ·ñÔÚÕÛÏßÍ¼ÉÏÌí¼Ó±ß¿ò barChart.setDescription("");// Êý¾ÝÃèÊö // Èç¹ûÃ»ÓÐÊý¾ÝµÄÊ±ºò£¬»áÏÔÊ¾Õâ¸ö£¬ÀàËÆListViewµÄEmptyView barChart.setNoDataTextDescription("You need to provide data for the chart."); barChart.setDrawGridBackground(false); // ÊÇ·ñÏÔÊ¾±í¸ñÑÕÉ« barChart.setGridBackgroundColor(Color.WHITE& 0x70FFFFFF); // ±í¸ñµÄµÄÑÕÉ«£¬ÔÚÕâÀïÊÇÊÇ¸øÑÕÉ«ÉèÖÃÒ»¸öÍ¸Ã÷¶È barChart.setTouchEnabled(true); // ÉèÖÃÊÇ·ñ¿ÉÒÔ´¥Ãþ barChart.setDragEnabled(true);// ÊÇ·ñ¿ÉÒÔÍÏ×§ barChart.setScaleEnabled(true);// ÊÇ·ñ¿ÉÒÔËõ·Å barChart.setPinchZoom(false);// // barChart.setBackgroundColor();// ÉèÖÃ±³¾° barChart.setDrawBarShadow(true); barChart.setData(barData); // ÉèÖÃÊý¾Ý Legend mLegend = barChart.getLegend(); // ÉèÖÃ±ÈÀýÍ¼±êÊ¾ mLegend.setForm(LegendForm.CIRCLE);// ÑùÊ½ mLegend.setFormSize(6f);// ×ÖÌå mLegend.setTextColor(Color.BLACK);// ÑÕÉ« // XÖáÉè¶¨ // XAxisxAxis = barChart.getXAxis(); // xAxis.setPosition(XAxisPosition.BOTTOM); barChart.animateX(2500); // Á¢¼´Ö´ÐÐµÄ¶¯»,xÖá } privateBarDatagetBarData(int count, float range) { ArrayList<String>xValues = new ArrayList<String>(); for (inti = 0; i< count; i++) { xValues.add("µÚ" + (i + 1) + "¼¾¶È"); } ArrayList<BarEntry>yValues = new ArrayList<BarEntry>(); for (inti = 0; i< count; i++) { float value = (float) (Math.random() * range/*100ÒÔÄÚµÄËæ»úÊý*/) + 3; yValues.add(new BarEntry(value, i)); } // yÖáµÄÊý¾Ý¼¯ºÏ BarDataSetbarDataSet = new BarDataSet(yValues, "²âÊÔ±ý×´Í¼"); barDataSet.setColor(Color.rgb(114, 188, 223)); ArrayList<BarDataSet>barDataSets = new ArrayList<BarDataSet>(); barDataSets.add(barDataSet); // add the datasets BarDatabarData = new BarData(xValues, barDataSets); returnbarData; } } packagecom.jackie.mpandoidbarchart; importjava.util.ArrayList; importcom.github.mikephil.charting.charts.BarChart; importcom.github.mikephil.charting.charts.LineChart; importcom.github.mikephil.charting.components.Legend; importcom.github.mikephil.charting.components.Legend.LegendForm; importcom.github.mikephil.charting.components.XAxis; importcom.github.mikephil.charting.components.XAxis.XAxisPosition; importcom.github.mikephil.charting.data.BarData; importcom.github.mikephil.charting.data.BarDataSet; importcom.github.mikephil.charting.data.BarEntry; import android.support.v7.app.ActionBarActivity; importandroid.graphics.Color; importandroid.os.Bundle; public class MainActivity extends ActionBarActivity { privateBarChartmBarChart; privateBarDatamBarData; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mBarChart = (BarChart) findViewById(R.id.spread_bar_chart); mBarData = getBarData(4, 100); showBarChart(mBarChart, mBarData); } private void showBarChart(BarChartbarChart, BarDatabarData) { barChart.setDrawBorders(false); ////ÊÇ·ñÔÚÕÛÏßÍ¼ÉÏÌí¼Ó±ß¿ò barChart.setDescription("");// Êý¾ÝÃèÊö // Èç¹ûÃ»ÓÐÊý¾ÝµÄÊ±ºò£¬»áÏÔÊ¾Õâ¸ö£¬ÀàËÆListViewµÄEmptyView barChart.setNoDataTextDescription("You need to provide data for the chart."); barChart.setDrawGridBackground(false); // ÊÇ·ñÏÔÊ¾±í¸ñÑÕÉ« barChart.setGridBackgroundColor(Color.WHITE& 0x70FFFFFF); // ±í¸ñµÄµÄÑÕÉ«£¬ÔÚÕâÀïÊÇÊÇ¸øÑÕÉ«ÉèÖÃÒ»¸öÍ¸Ã÷¶È barChart.setTouchEnabled(true); // ÉèÖÃÊÇ·ñ¿ÉÒÔ´¥Ãþ barChart.setDragEnabled(true);// ÊÇ·ñ¿ÉÒÔÍÏ×§ barChart.setScaleEnabled(true);// ÊÇ·ñ¿ÉÒÔËõ·Å barChart.setPinchZoom(false);// // barChart.setBackgroundColor();// ÉèÖÃ±³¾° barChart.setDrawBarShadow(true); barChart.setData(barData); // ÉèÖÃÊý¾Ý Legend mLegend = barChart.getLegend(); // ÉèÖÃ±ÈÀýÍ¼±êÊ¾ mLegend.setForm(LegendForm.CIRCLE);// ÑùÊ½ mLegend.setFormSize(6f);// ×ÖÌå mLegend.setTextColor(Color.BLACK);// ÑÕÉ« // XÖáÉè¶¨ // XAxisxAxis = barChart.getXAxis(); // xAxis.setPosition(XAxisPosition.BOTTOM); barChart.animateX(2500); // Á¢¼´Ö´ÐÐµÄ¶¯»,xÖá } privateBarDatagetBarData(int count, float range) { ArrayList<String>xValues = new ArrayList<String>(); for (inti = 0; i< count; i++) { xValues.add("µÚ" + (i + 1) + "¼¾¶È"); } ArrayList<BarEntry>yValues = new ArrayList<BarEntry>(); for (inti = 0; i< count; i++) { float value = (float) (Math.random() * range/*100ÒÔÄÚµÄËæ»úÊý*/) + 3; yValues.add(new BarEntry(value, i)); } // yÖáµÄÊý¾Ý¼¯ºÏ BarDataSetbarDataSet = new BarDataSet(yValues, "²âÊÔ±ý×´Í¼"); barDataSet.setColor(Color.rgb(114, 188, 223)); ArrayList<BarDataSet>barDataSets = new ArrayList<BarDataSet>(); barDataSets.add(barDataSet); // add the datasets BarDatabarData = new BarData(xValues, barDataSets); returnbarData; } }

Ð§¹ûÍ¼ÈçÏÂ£º

MPAndroidChart¿ªÔ´Í¼±í¿âµÄÊ¹ÓÃ½éÉÜÖ®±ý×´Í¼¡¢ÕÛÏßÍ¼ºÍÖù×´Í¼6

ÒÔÉÏËùÊöÊÇÐ¡±à¸ø´ó¼Ò½éÉÜµÄMPAndroidChart¿ªÔ´Í¼±í¿âµÄÊ¹ÓÃ½éÉÜÖ®±ý×´Í¼¡¢ÕÛÏßÍ¼ºÍÖù×´Í¼µÄÏà¹ØÖªÊ¶£¬Ï£Íû¶Ô´ó¼ÒÓÐËù°ïÖú¡£