现在网络上面很多开源的统计图表项,AChartEngine、XCL--CHART、MPADNROIDcHART、helloChart......这些都是不错的开源框架。最近项目中有用到一些统计图表的东西,经过实践得知 HelloChart 是一个更为优秀的图表库,比前面的一下开源框架性能更好,功能更完善,UI风格更美观,坐标轴更精细。 Hellocharts-android 是一个能够兼容 API 8+(Android 2.2)的安卓图表库,十分好用,也适用于 API 14+(Android 4.0)。
特征
- 折线图(立体图、填充图、散点图)
- 柱形图
- 饼状图
- 汽状图
- 组合图
- 预览图
- 放大、滚动
- 可自动生成轴线
- 动态
该开源库可完成线形图、柱状图、饼状图等等,具体显示效果可参考下图:
大家可以去这里看看效果 ------> GitHub地址:https://github.com/lecho/hellocharts-android
这里我只要是实现折线图:
一 、建立项目,直接在app 的build.gradle中添加依赖
dependencies{
compile 'com.github.lecho:hellocharts-library:1.5.8@aar'
}
在布局文件中引用:
[html]
1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
2. xmlns:tools="http://schemas.android.com/tools"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:background="#365469" >
6.
7. <lecho.lib.hellocharts.view.LineChartView
8. android:id="@+id/line_chart"
9. android:layout_width="fill_parent"
10. android:layout_height="300dp"/>
11.
12. </RelativeLayout>
二、MainActivity 中
[java]
1. public class MainActivity extends Activity {
2.
3. private LineChartView lineChart;
4. "周一","周二","周三","周四","周五","周六","周日"};//X轴的标注
5. int[] weather = {9,7,6,7,8,6,8};//图表的数据
6.
7.
8. private List<PointValue> mPointValues = new ArrayList<PointValue>();
9. private List<AxisValue> mAxisValues = new ArrayList<AxisValue>();
10.
11. @Override
12. protected void onCreate(Bundle savedInstanceState) {
13. super.onCreate(savedInstanceState);
14. setContentView(R.layout.activity_main);
15. lineChart = (LineChartView)findViewById(R.id.line_chart);
16.
17. //获取x轴的标注
18. //获取坐标点
19. //初始化
20. }
21.
22.
23.
24.
25. /**
26. * 初始化LineChart的一些设置
27. */
28. private void initLineChart(){
29. new Line(mPointValues).setColor(Color.WHITE).setCubic(false); //折线的颜色
30. new ArrayList<Line>();
31. //折线图上每个数据点的形状 这里是圆形 (有三种 :ValueShape.SQUARE ValueShape.CIRCLE ValueShape.SQUARE)
32. true);//曲线是否平滑
33. true);//是否填充曲线的面积
34. // line.setHasLabels(true);//曲线的数据坐标是否加上备注
35. true);//点击数据坐标提示数据(设置了这个line.setHasLabels(true);就无效)
36. true);//是否用直线显示。如果为false 则没有曲线只有点显示
37. true);//是否显示圆点 如果为false 则没有原点只有点显示
38. lines.add(line);
39. new LineChartData();
40. data.setLines(lines);
41.
42. //坐标轴
43. new Axis(); //X轴
44. true);
45. //设置字体颜色
46. "未来几天的天气"); //表格名称
47. 7);//设置字体大小
48. 7); //最多几个X轴坐标
49. //填充X轴的坐标名称
50. //x 轴在底部
51. // data.setAxisXTop(axisX); //x 轴在顶部
52.
53. new Axis(); //Y轴
54. 7); //默认是3,只能看最后三个数字
55. "温度");//y轴标注
56. 7);//设置字体大小
57.
58. //Y轴设置在左边
59. // data.setAxisYRight(axisY); //y轴设置在右边
60.
61. //设置行为属性,支持缩放、滑动以及平移
62. true);
63. lineChart.setZoomType(ZoomType.HORIZONTAL_AND_VERTICAL);
64. true, ContainerScrollType.HORIZONTAL);
65. lineChart.setLineChartData(data);
66. lineChart.setVisibility(View.VISIBLE);
67. }
68.
69.
70. /**
71. * X 轴的显示
72. */
73. private void getAxisLables(){
74. for (int i = 0; i < weeks.length; i++) {
75. new AxisValue(i).setLabel(weeks[i]));
76. }
77. }
78.
79. /**
80. * 图表的每个点的显示
81. */
82. private void getAxisPoints(){
83. for (int i = 0; i < weather.length; i++) {
84. new PointValue(i, weather[i]));
85. }
86. }
87.
88.
89. }
三、运行一下效果如下:
这是我看到别人写的博客,转过来以后自己保存下来,也希望能帮助你们!!!
这是我最后的运行效果,符合你的需求吗????