AChartEngine应用之LineChart（模拟动态生命特征值图）

From：http://blog.csdn.net/qiuzhping/article/details/18404803
接着上一次写的内容，构建动态曲线图，并产生与用户交互，考虑到数据都是活动的，不可能总是用静态数据，所以我下面的demo就是模拟。项目作用：模拟生命特征值图，动态显示分钟脉搏生命特征值走向每隔1000ms产生50组数据，并填充到表格中，主要使用的到是Handler+Task，因为我是用Activity显示这个表格每次产生的数据都需要快速的填充到主线程UI中，所以我就用Handler，这里的数据我都是采用随机数表示，这个demo可以作为开发医疗设备显示生命症状的表格信息参考，实际项目中如果需要用的每隔XX时间产生XX数据，最好是用Web提供数据，这样可以实现多个客户端 共享数据
构建LineChart图的步骤主要分为以下四步，还需要在项目中引入AChartEngine依赖jar包，在Manifest中添加：<activityandroid:name="org.achartengine.GraphicalActivity" />
1.     设置XYMultipleSeriesRenderer
mXYRenderer = buildRenderer(color, style, true);
                   mXYRenderer.setShowGrid(true);// 显示表格
                   mXYRenderer.setGridColor(Color.GREEN);// 据说绿色代表健康色调，不过我比较喜欢灰色
                   mXYRenderer.setXLabels(20);
                   mXYRenderer.setYLabels(10);
                   mXYRenderer.setYLabelsAlign(Align.RIGHT);// 右对齐
                   // mXYRenderer.setPointSize((float) 2);
                   mXYRenderer.setShowLegend(false);// 不显示图例
                   mXYRenderer.setZoomEnabled(false);
                   mXYRenderer.setPanEnabled(true, false);
                   mXYRenderer.setClickEnabled(false);
                   setChartSettings(mXYRenderer, title, "时间", "数量", 0, X, 0, Y,
                                     Color.WHITE, Color.WHITE);// 这个是采用官方APIdemo提供给的方法
                                                                                                       // 设置好图表的样式
 
2.     构建数据源CategorySeries
series = new XYSeries(title);// 这个类用来放置曲线上的所有点，是一个点的集合，根据这些点画出曲线
mDataset = new XYMultipleSeriesDataset(); // 创建一个数据集的实例，这个数据集将被用来创建图表
mDataset.removeSeries(series);// 移除数据集中旧的点集
                   series.clear();// 点集先清空，为了做成新的点集而准备
 
                   for (int k = 0; k < X; k++) {// 实际项目中这些数据最好是由线程搞定，可以从WebService中获取
                            int y = (int) (Math.random() * Y);
                            series.add(k, y);
                   }
                   mDataset.addSeries(series);// 在数据集中添加新的点集
                   mViewChart.invalidate();// 视图更新，没有这一步，曲线不会呈现动态
 
3.     通过ChartFactory.getLineChartView生成曲线图
mViewChart = ChartFactory.getLineChartView(context, mDataset,
                                     mXYRenderer);// 通过ChartFactory生成图表
 
                   mLayout.addView(mViewChart, new LayoutParams(LayoutParams.FILL_PARENT,
                                     LayoutParams.FILL_PARENT));// 将图表添加到布局中去
4.     构建定时器任务
private final class StartBtn implements OnClickListener {
                   @Override
                   public void onClick(View arg0) {
                            Log.i("qiuzhping", "startBtn onClick");
                            handler = new Handler() {// 简单的通过Handler+Task形成一个定时任务，从而完成定时更新图表的功能
                                     @Override
                                     public void handleMessage(Message msg) {
                                               if (msg.what == 1) {
                                                        Log.i("qiuzhping", "Handler handleMessage");
                                                        updateChart(); // 刷新图表,handler的作用是将此方法并入主线程，在非主线程是不能修改UI的
                                                        super.handleMessage(msg);
                                               }
                                     }
                            };
 
                            task = new TimerTask() {// 定时器
                                     @Override
                                     public void run() {
                                               Message message = new Message();
                                               message.what = 1;// 设置标志
                                               handler.sendMessage(message);
                                               Log.i("qiuzhping", "TimerTask run");
                                     }
                            };
                            timer.schedule(task, 1000, 1000);// 运行时间和间隔都是1000ms
                   }
         }
效果图：




Code:
[java] view plain copy print?
package com.qiuzhping.achart.app;  
  
import java.util.Timer;  
import java.util.TimerTask;  
  
import org.achartengine.ChartFactory;  
import org.achartengine.GraphicalView;  
import org.achartengine.chart.PointStyle;  
import org.achartengine.model.XYMultipleSeriesDataset;  
import org.achartengine.model.XYSeries;  
import org.achartengine.renderer.XYMultipleSeriesRenderer;  
import org.achartengine.renderer.XYSeriesRenderer;  
  
import android.app.Activity;  
import android.content.Context;  
import android.graphics.Color;  
import android.graphics.Paint.Align;  
import android.os.Bundle;  
import android.os.Handler;  
import android.os.Message;  
import android.util.Log;  
import android.view.View;  
import android.view.View.OnClickListener;  
import android.view.ViewGroup.LayoutParams;  
import android.widget.Button;  
import android.widget.LinearLayout;  
  
import com.qiuzhping.achart.R;  
  
/** 
 * @项目名称：模拟生命特征值图 
 * @类名称：AnalogPulse 
 * @作者：Qiuzhping 
 * @时间：2014-1-17上午11:46:51 
 * @作用 ：模拟生命特征值图，动态显示分钟脉搏走向 
 *     每隔1000ms产生50组数据，并填充到表格中，主要使用的到是Handler+Task，因为我是用Activity显示这个表格 
 *     每次产生的数据都需要快速的填充到主线程UI中，所以我就用Handler，这里的数据我都是采用随机数表示，这个demo可以作为开发 
 *     医疗设备显示生命症状的表格信息参考，实际项目中如果需要用的每隔XX时间产生XX数据，最好是用Web提供数据，这样可以实现多个客户端 共享数据 
 * @说明：环境是android4.0 
 */  
public class LifeEigenvalues extends Activity {  
    private Button startBtn = null;  
    private Button stopBtn = null;  
    private Timer timer = new Timer();// 定时器  
    private TimerTask task;// 任务  
    private Handler handler;// 主要用于更新表格视图  
    private String title = "线性统计图示例";  
    private XYSeries series;// XY数据点  
    private XYMultipleSeriesDataset mDataset;// XY轴数据集  
    private GraphicalView mViewChart;// 用于显示现行统计图  
    private XYMultipleSeriesRenderer mXYRenderer;// 线性统计图主描绘器  
    private Context context;// 用于获取上下文对象  
    private LinearLayout mLayout;  
    private int X = 50;// X数据集大小  
    private int Y = 50;//  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.analog_pulse);  
        startBtn = (Button) findViewById(R.id.startBtn);  
        startBtn.setOnClickListener(new StartBtn());  
  
        stopBtn = (Button) findViewById(R.id.stopBtn);  
        stopBtn.setOnClickListener(new StopBtn());  
  
        context = getApplicationContext();// 获取上下文对象  
        mLayout = (LinearLayout) findViewById(R.id.chart);// 这里获得xy_chart的布局，下面会把图表画在这个布局里面  
        series = new XYSeries(title);// 这个类用来放置曲线上的所有点，是一个点的集合，根据这些点画出曲线  
  
        mDataset = new XYMultipleSeriesDataset(); // 创建一个数据集的实例，这个数据集将被用来创建图表  
        mDataset.addSeries(series);// 将点集添加到这个数据集中  
  
        int color = Color.RED;// 设置颜色  
        PointStyle style = PointStyle.CIRCLE;// 设置外观周期性显示  
        mXYRenderer = buildRenderer(color, style, true);  
        mXYRenderer.setShowGrid(true);// 显示表格  
        mXYRenderer.setGridColor(Color.GREEN);// 据说绿色代表健康色调，不过我比较喜欢灰色  
        mXYRenderer.setXLabels(20);  
        mXYRenderer.setYLabels(10);  
        mXYRenderer.setYLabelsAlign(Align.RIGHT);// 右对齐  
        // mXYRenderer.setPointSize((float) 2);  
        mXYRenderer.setShowLegend(false);// 不显示图例  
        mXYRenderer.setZoomEnabled(false);  
        mXYRenderer.setPanEnabled(true, false);  
        mXYRenderer.setClickEnabled(false);  
        setChartSettings(mXYRenderer, title, "时间", "数量", 0, X, 0, Y,  
                Color.WHITE, Color.WHITE);// 这个是采用官方APIdemo提供给的方法  
                                            // 设置好图表的样式  
  
        mViewChart = ChartFactory.getLineChartView(context, mDataset,  
                mXYRenderer);// 通过ChartFactory生成图表  
  
        mLayout.addView(mViewChart, new LayoutParams(LayoutParams.FILL_PARENT,  
                LayoutParams.FILL_PARENT));// 将图表添加到布局中去  
  
    }  
  
    @Override  
    public void onDestroy() {  
        if (timer != null) {// 当结束程序时关掉Timer  
            timer.cancel();  
            Log.i("qiuzhping", "onDestroy timer cancel");  
            super.onDestroy();  
        }  
    }  
  
    protected XYMultipleSeriesRenderer buildRenderer(int color,  
            PointStyle style, boolean fill) {// 设置图表中曲线本身的样式，包括颜色、点的大小以及线的粗细等  
        XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();  
        XYSeriesRenderer r = new XYSeriesRenderer();  
        r.setColor(color);  
        r.setPointStyle(style);  
        r.setFillPoints(fill);  
        r.setLineWidth(3);  
        renderer.addSeriesRenderer(r);  
  
        return renderer;  
    }  
  
    protected void setChartSettings(XYMultipleSeriesRenderer renderer,  
            String title, String xTitle, String yTitle, double xMin,  
            double xMax, double yMin, double yMax, int axesColor,  
            int labelsColor) {// 设置主描绘器的各项属性，详情可阅读官方API文档  
        renderer.setChartTitle(title);  
        renderer.setXTitle(xTitle);  
        renderer.setYTitle(yTitle);  
        renderer.setXAxisMin(xMin);  
        renderer.setXAxisMax(xMax);  
        renderer.setYAxisMin(yMin);  
        renderer.setYAxisMax(yMax);  
        renderer.setAxesColor(axesColor);  
        renderer.setLabelsColor(labelsColor);  
    }  
  
    /** 
     * @方法名: updateChart 
     * @作者：Qiuzhping 
     * @作用: 主要工作是每隔1000ms刷新整个统计图 产生50组数据，完全填充表格 
     */  
    private void updateChart() {// 主要工作是每隔1000ms刷新整个统计图  
        Log.i("qiuzhping", "updateChart ok");  
        mDataset.removeSeries(series);// 移除数据集中旧的点集  
        series.clear();// 点集先清空，为了做成新的点集而准备  
  
        for (int k = 0; k < X; k++) {// 实际项目中这些数据最好是由线程搞定，可以从WebService中获取  
            int y = (int) (Math.random() * Y);  
            series.add(k, y);  
        }  
        mDataset.addSeries(series);// 在数据集中添加新的点集  
        mViewChart.invalidate();// 视图更新，没有这一步，曲线不会呈现动态  
    }  
  
    private final class StartBtn implements OnClickListener {  
        @Override  
        public void onClick(View arg0) {  
            Log.i("qiuzhping", "startBtn onClick");  
            handler = new Handler() {// 简单的通过Handler+Task形成一个定时任务，从而完成定时更新图表的功能  
                @Override  
                public void handleMessage(Message msg) {  
                    if (msg.what == 1) {  
                        Log.i("qiuzhping", "Handler handleMessage");  
                        updateChart(); // 刷新图表,handler的作用是将此方法并入主线程，在非主线程是不能修改UI的  
                        super.handleMessage(msg);  
                    }  
                }  
            };  
  
            task = new TimerTask() {// 定时器  
                @Override  
                public void run() {  
                    Message message = new Message();  
                    message.what = 1;// 设置标志  
                    handler.sendMessage(message);  
                    Log.i("qiuzhping", "TimerTask run");  
                }  
            };  
  
            timer.schedule(task, 1000, 1000);// 运行时间和间隔都是1000ms  
        }  
  
    }  
  
    private final class StopBtn implements OnClickListener {  
        @Override  
        public void onClick(View arg0) {  
            Log.i("qiuzhping", "stopBtn onClick");  
            LifeEigenvalues.this.finish();  
        }  
    }  
}  


对应项目：http://download.csdn.net/detail/qiu_11/6858385
未完待续。。。。
AChartEngine应用系列文章
（一）AChartEngine简介
（二）AChartEngine应用之PieChart（饼图）
（三）AChartEngine应用之BarChart（柱形图）
（四）AChartEngine应用之PieChart（动态饼图，允许产生动态数据并显示）
（五）AChartEngine应用之LineChart（模拟生命特征值图）
（六）AChartEngine应用之LineChart（模拟三角函数sin，cos）

（七）AChartEngine高级应用CombinedXYChart（组合统计图）