014android初级篇之基于GraphView绘制统计图表

在android的开发过程中，需要使用图表，图表有第三方的插件实现了该功能。目前有很多类似的功能插件，比如achartengine, Graphview等等。Graphview比较简洁，用起来简单，目前支持折线图和条形图图表样式。其他目前还没有用过，今天的学习基于Graphview。

在项目中导入Graphview源码模块

如何导入可参考文章：013android初级篇之Android Studio 引用源码模块，jar及so文件

第一个简单程序

布局文件

代码

graph = (GraphView) findViewById(R.id.graph);
LineGraphSeries series = new LineGraphSeries(new DataPoint[] {
        new DataPoint(0, 1),
        new DataPoint(1, 5),
        new DataPoint(2, -1),
        new DataPoint(3, 10),
        new DataPoint(4, 6),
        new DataPoint(5, 8),
        new DataPoint(4, 5)
});
graph.addSeries(series);

显示的图表横轴和纵轴的值会根据输入的数据而变化。

动态修改数据

Graphview中提供了两个接口来动态修改数据

1. resetData(DataPoint[] )
   这个方法将重置数据，使用新的数据替代。

2. public void appendData(E dataPoint,boolean scrollToEnd,int maxDataPoints)

   dataPoint - values the values must be in the correct order! x-value has to be ASC. First the lowest x value and at least the highest x value.
   scrollToEnd - true => 数据显示的方向，是否从MaxX开始
   maxDataPoints - 保留的最多的数据节点个数

基本思想是

1. 从加速传感器中获得动态数据；

2. 在ui主线程中更新此数据

   graph.addSeries(series);
   graph.getViewport().setScalable(false);
   graph.setTitle("加速计");
   graph.getViewport().setMinX(0);
   graph.getViewport().setMaxX(200);

   graph.getViewport().setMinY(0);
   graph.getViewport().setMaxY(30);
   graph.getViewport().setYAxisBoundsManual(true);
   graph.getViewport().setYAxisBoundsManual(true);

利用Timer 定时更新数据：

timer=new Timer();
    timer.schedule(new TimerTask() {
        @Override
        public void run() {
            Message msg=mHandler.obtainMessage();
            msg.what=1;
            mHandler.sendMessage(msg);
            
        }
    },500,COLLECT_TIME);

使用后handle处理调用更新数据：

mHandler = new Handler(){
        @Override
        public void handleMessage(Message msg){
            super.handleMessage(msg);
            DataPoint[] values = new DataPoint[1];
            values[0] = new DataPoint(x,a);
            x++;
            series.appendData(values[0],true,200);

        }
    };

具体的定制，请参考链接中的相关资料

参考链接

1. jjoe64/GraphView-Demos
2. GraphView项目主页
3. GraphView项目源码下载
4. GraphViewAPI接口
5. github开源Android组件资源整理（六）GraphView, UI Style