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

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

在项目中导入Graphview源码模块

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

第一个简单程序

布局文件

<com.jjoe64.graphview.GraphView
        android:layout_width="match_parent"
        android:layout_height="200dip"
        android:id="@+id/graph" />

代码

graph = (GraphView) findViewById(R.id.graph);
LineGraphSeries<DataPoint> series = new LineGraphSeries<DataPoint>(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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,789评论 25 709
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,719评论 19 139
  • 你要知道,一个人的宝贵! 你要知道,一个人的污秽! 虽然罪人很丑陋,但爱很美! 有一种知道叫不知道 有一种认识叫不...
    饱暖思家阅读 1,098评论 0 0
  • 上回说到糗事百科段子的分析,今天对另外一张表,也就是用户信息表的分析。 数据预处理 导入数据 data1为段子信息...
    罗罗攀阅读 4,842评论 12 11
  • 不知道为什么 好像每次都是这样 本来是很开心的状态 一个人走路都能笑出来声音那种 然后就因为一点又一点小事 慢慢冷...
    小雨微微的乌托邦阅读 2,383评论 0 1