MPAndroidChart使用(BarChart为例)

1.准备工作

1.1.引用到项目中

在你的项目的build.gradle文件中配置：

1. allprojects {
2. repositories {
3. jcenter()
4. maven { url "https://jitpack.io" }
5. }
6. }

在app的build.gradle文件中配置：

1. compile 'com.github.PhilJay:MPAndroidChart:v3.0.1'

1.2.jithub地址

       https://github.com/PhilJay/MPAndroidChart    

2.使用

2.1.布局文件

1. <com.github.mikephil.charting.charts.BarChart
2. android:id="@+id/bar_chart"
3. android:layout_width="match_parent"
4. android:layout_height="240dp">

2.2.使用举例

在依赖的activity或者fragment中找到控件，设置相关属性，做相应的处理

MPAndroidChart中提供了很多的方法，可以帮助我们轻松的搞定我们的项目，个人认为最好的掌握该控件的方法是去jithub下载作者的sample，

通过在自己的手机上运行，切实找到方法，到源码中理解运用。

在这里我仅仅对一些常用的方法解析：

1. {
2. ……
3. mBarChart = (BarChart) findViewById(R.id.bar_chart);
4. //设置背景颜色
5. mBarChart.setBackgroundColor(getResources().getColor(R.color.colorAccent));
6. //BarChart的点击事件
7. mBarChart.setOnClickListener(new View.OnClickListener() {
8. @Override public void onClick(View view) {
10. }
11. });
12. //设置数值选择的监听
13. mBarChart.setOnChartValueSelectedListener(new OnChartValueSelectedListener() {
14. @Override public void onValueSelected(Entry e, Highlight h) {
16. }
18. @Override public void onNothingSelected() {
20. }
21. });
22. //设置高亮显示
23. mBarChart.setHighlightFullBarEnabled(true);
24. mBarChart.setDrawValueAboveBar(true);
25. //设置支持触控
26. mBarChart.setTouchEnabled(true);
27. //设置是否支持拖拽
28. mBarChart.setDragEnabled(true);
29. //设置能否缩放
30. mBarChart.setScaleEnabled(true);
31. //设置true支持两个指头向X、Y轴的缩放，如果为false，只能支持X或者Y轴的当方向缩放
32. mBarChart.setPinchZoom(true);
33. //获取图表右下角的描述性文字，setEnable（）默认为true
34. mBarChart.getDescription().setEnabled(true);
35. Description description=new Description();
36. description.setText("description");
37. //设置右下角的描述文字
38. mBarChart.setDescription(description);
39. //设置阴影
40. mBarChart.setDrawBarShadow(false);
41. //设置所有的数值在图形的上面,而不是图形上
42. mBarChart.setDrawValueAboveBar(true);
43. //设置最大的能够在图表上显示数字的图数
44. mBarChart.setMaxVisibleValueCount(60);
45. //设置背景是否网格显示
46. mBarChart.setDrawGridBackground(false);
47. //X轴的数据格式
48. IAxisValueFormatter xAxisFormatter = new DayAxisValueFormatter(mChart);
49. //得到X轴，设置X轴的样式
50. XAxis xAxis = mChart.getXAxis();
51. //设置位置
52. xAxis.setPosition(XAxisPosition.BOTTOM);
53. //设置特定的标签类型
54. xAxis.setTypeface(mTfLight);
55. //设置是否绘制网格线
56. xAxis.setDrawGridLines(false);
57. //设置最小的区间，避免标签的迅速增多
58. xAxis.setGranularity(1f); // only intervals of 1 day
59. //设置进入时的标签数量
60. xAxis.setLabelCount(7);
61. //设置数据格式
62. xAxis.setValueFormatter(xAxisFormatter);
64. IAxisValueFormatter custom = new MyAxisValueFormatter();
66. YAxis leftAxis = mChart.getAxisLeft();
67. leftAxis.setTypeface(mTfLight);
68. leftAxis.setLabelCount(8, false);
69. leftAxis.setValueFormatter(custom);
70. leftAxis.setPosition(YAxisLabelPosition.OUTSIDE_CHART);
71. //Sets the top axis space in percent of the full range. Default 10f
72. leftAxis.setSpaceTop(15f);
73. //设置Y轴最小的值
74. leftAxis.setAxisMinimum(0f); // this replaces setStartAtZero(true)
76. YAxis rightAxis = mChart.getAxisRight();
77. rightAxis.setDrawGridLines(false);
78. rightAxis.setTypeface(mTfLight);
79. rightAxis.setLabelCount(8, false);
80. rightAxis.setValueFormatter(custom);
81. rightAxis.setSpaceTop(15f);
82. rightAxis.setAxisMinimum(0f); // this replaces setStartAtZero(true)
83. //设置图例样式，默认可以显示，设置setEnabled（false）；可以不绘制
84. Legend l = mChart.getLegend();
85. l.setVerticalAlignment(Legend.LegendVerticalAlignment.BOTTOM);
86. l.setHorizontalAlignment(Legend.LegendHorizontalAlignment.LEFT);
87. l.setOrientation(Legend.LegendOrientation.HORIZONTAL);
88. l.setDrawInside(false);
89. l.setForm(LegendForm.SQUARE);
90. l.setFormSize(9f);
91. l.setTextSize(11f);
92. l.setXEntrySpace(4f);
93. //设置X轴和Y轴显示的刻度
94. setData(12, 50);
95. }
96. private void setData(int count, float range) {
98. float start = 1f;
100. ArrayList<BarEntry> yVals1 = new ArrayList<BarEntry>();
102. for (int i = (int) start; i < start + count + 1; i++) {
103. float mult = (range + 1);
104. float val = (float) (Math.random() * mult);
105. yVals1.add(new BarEntry(i, val));
106. }
108. BarDataSet set1;
110. if (mChart.getData() != null &&
111. mChart.getData().getDataSetCount() > 0) {
112. set1 = (BarDataSet) mChart.getData().getDataSetByIndex(0);
113. set1.setValues(yVals1);
114. mChart.getData().notifyDataChanged();
115. mChart.notifyDataSetChanged();
116. } else {
117. set1 = new BarDataSet(yVals1, "The year 2017");
118. set1.setColors(ColorTemplate.MATERIAL_COLORS);
120. ArrayList<IBarDataSet> dataSets = new ArrayList<IBarDataSet>();
121. dataSets.add(set1);
123. BarData data = new BarData(dataSets);
124. data.setValueTextSize(10f);
125. data.setValueTypeface(mTfLight);
126. data.setBarWidth(0.9f);
128. mChart.setData(data);
129. }
130. }

代码很多，但是你仔细阅读会发现这些代码比较有规律：

（1）找到控件，设置属性

（2）设置X轴样式（你也可以设置一些图表进入动画）

（3）设置Y轴样式 （你也可以设置一些图表进入动画）

（4）设置数据