MPAndroidChart曲线图

GitHub地址

https://github.com/PhilJay/MPAndroidChart上的星星说明了一切

添加依赖

compile 'com.github.PhilJay:MPAndroidChart:v3.0.2'

1. public class MainActivity extends AppCompatActivity {
2. private MyLineChart mLineChart;
3. private ArrayList pointValues;
5. @Override
6. protected void onCreate(Bundle savedInstanceState) {
7. super.onCreate(savedInstanceState);
8. setContentView(R.layout.activity_main);
10. mLineChart = (MyLineChart) findViewById(R.id.lineChart);
11. initChart();
12. initData();
13. }
15. //设置chart基本属性
16. private void initChart() {
17. //描述信息
18. Description description = new Description();
19. description.setText( "我是描述信息");
20. //设置描述信息
21. mLineChart.setDescription(description);
22. //设置没有数据时显示的文本
23. mLineChart.setNoDataText( "没有数据喔~~");
24. //设置是否绘制chart边框的线
25. mLineChart.setDrawBorders( true);
26. //设置chart边框线颜色
27. mLineChart.setBorderColor(Color.GRAY);
28. //设置chart边框线宽度
29. mLineChart.setBorderWidth( 1f);
30. //设置chart是否可以触摸
31. mLineChart.setTouchEnabled( true);
32. //设置是否可以拖拽
33. mLineChart.setDragEnabled( true);
34. //设置是否可以缩放 x和y，默认true
35. mLineChart.setScaleEnabled( false);
36. //设置是否可以通过双击屏幕放大图表。默认是true
37. mLineChart.setDoubleTapToZoomEnabled( false);
38. //设置chart动画
39. mLineChart.animateXY( 1000, 1000);
41. //=========================设置图例=========================
42. // 像"□ xxx"就是图例
43. Legend legend = mLineChart.getLegend();
44. //设置图例显示在chart那个位置 setPosition建议放弃使用了
45. //设置垂直方向上还是下或中
46. legend.setVerticalAlignment(Legend.LegendVerticalAlignment.TOP);
47. //设置水平方向是左边还是右边或中
48. legend.setHorizontalAlignment(Legend.LegendHorizontalAlignment.RIGHT);
49. //设置所有图例位置排序方向
50. legend.setOrientation(Legend.LegendOrientation.HORIZONTAL);
51. //设置图例的形状 有圆形、正方形、线
52. legend.setForm(Legend.LegendForm.CIRCLE);
53. //是否支持自动换行 目前只支持BelowChartLeft, BelowChartRight, BelowChartCenter
54. legend.setWordWrapEnabled( true);
57. //=======================设置X轴显示效果==================
58. XAxis xAxis = mLineChart.getXAxis();
59. //是否启用X轴
60. xAxis.setEnabled( true);
61. //是否绘制X轴线
62. xAxis.setDrawAxisLine( true);
63. //设置X轴上每个竖线是否显示
64. xAxis.setDrawGridLines( true);
65. //设置是否绘制X轴上的对应值(标签)
66. xAxis.setDrawLabels( true);
67. //设置X轴显示位置
68. xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);
69. //设置竖线为虚线样式
70. // xAxis.enableGridDashedLine(10f, 10f, 0f);
71. //设置x轴标签数
72. xAxis.setLabelCount( 5, true);
73. //图表第一个和最后一个label数据不超出左边和右边的Y轴
74. // xAxis.setAvoidFirstLastClipping(true);
76. //设置限制线 12代表某个该轴某个值，也就是要画到该轴某个值上
77. LimitLine limitLine = new LimitLine( 12);
78. //设置限制线的宽
79. limitLine.setLineWidth( 1f);
80. //设置限制线的颜色
81. limitLine.setLineColor(Color.RED);
82. //设置基线的位置
83. limitLine.setLabelPosition(LimitLine.LimitLabelPosition.LEFT_TOP);
84. limitLine.setLabel( "马丹我是基线，也可以叫我水位线");
85. //设置限制线为虚线
86. limitLine.enableDashedLine( 10f, 10f, 0f);
87. //左边Y轴添加限制线
88. axisLeft.addLimitLine(limitLine);
90. //=================设置左边Y轴===============
91. YAxis axisLeft = mLineChart.getAxisLeft();
92. //是否启用左边Y轴
93. axisLeft.setEnabled( true);
94. //设置最小值（这里就按demo里固死的写）
95. axisLeft.setAxisMinimum( 1);
96. //设置最大值（这里就按demo里固死的写了）
97. axisLeft.setAxisMaximum( 20);
98. //设置横向的线为虚线
99. axisLeft.enableGridDashedLine( 10f, 10f, 0f);
100. //axisLeft.setDrawLimitLinesBehindData(true);
105. //====================设置右边的Y轴===============
106. YAxis axisRight = mLineChart.getAxisRight();
107. //是否启用右边Y轴
108. axisRight.setEnabled( true);
109. //设置最小值（这里按demo里的数据固死写了）
110. axisRight.setAxisMinimum( 1);
111. //设置最大值（这里按demo里的数据固死写了）
112. axisRight.setAxisMaximum( 20);
113. //设置横向的线为虚线
114. axisRight.enableGridDashedLine( 10f, 10f, 0f);
116. }
119. //设置数据
120. private void initData() {
121. //每个点的坐标,自己随便搞点（x,y）坐标就可以了
122. pointValues = new ArrayList<>();
123. for ( int i = 1; i < 19; i++) {
124. int y = ( int)( Math.random() * 20);
125. pointValues.add( new Entry(i, y));
127. }
129. //点构成的某条线
130. LineDataSet lineDataSet = new LineDataSet(pointValues, "该线标签1");
131. //设置该线的颜色
132. lineDataSet.setColor(Color.RED);
133. //设置每个点的颜色
134. lineDataSet.setCircleColor(Color.YELLOW);
135. //设置该线的宽度
136. lineDataSet.setLineWidth( 1f);
137. //设置每个坐标点的圆大小
138. //lineDataSet.setCircleRadius(1f);
139. //设置是否画圆
140. lineDataSet.setDrawCircles( false);
141. // 设置平滑曲线模式
142. // lineDataSet.setMode(LineDataSet.Mode.CUBIC_BEZIER);
143. //设置线一面部分是否填充颜色
144. lineDataSet.setDrawFilled( true);
145. //设置填充的颜色
146. lineDataSet.setFillColor(Color.BLUE);
147. //设置是否显示点的坐标值
148. lineDataSet.setDrawValues( false);
150. //线的集合（可单条或多条线）
151. List dataSets = new ArrayList<>();
152. dataSets.add(lineDataSet);
153. //把要画的所有线(线的集合)添加到LineData里
154. LineData lineData = new LineData(dataSets);
155. //把最终的数据setData
156. mLineChart.setData(lineData);
158. }