AChartEngine应用之LineChart(模拟动态生命特征值图)
接着上一次写的内容,构建动态曲线图,并产生与用户交互,考虑到数据都是活动的,不可能总是用静态数据,所以我下面的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:
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应用之PieChart(饼图)
(三)AChartEngine应用之BarChart(柱形图)
(四)AChartEngine应用之PieChart(动态饼图,允许产生动态数据并显示)
(五)AChartEngine应用之LineChart(模拟生命特征值图)
(六)AChartEngine应用之LineChart(模拟三角函数sin,cos)
(七)AChartEngine高级应用CombinedXYChart(组合统计图)
分享到:
相关推荐
在Android开发中,有时我们需要展示数据的动态变化,比如实时监测的数据流或模拟股票市场走势。在这种场景下,使用图表库来绘制折线图是非常有用的。`AChartEngine`是一个强大的开源库,专为Android设计,它允许...
`Android 实时动态折线图Linechart`是一个专门用于在Android设备上创建动态、交互式的折线图的实现,它可以帮助开发者高效地展示随着时间变化的数据流。这个功能通常用于展示传感器数据、股市行情、健康监测等场景。...
项目作用:模拟生命特征值图,动态显示分钟脉搏生命特征值走向每隔1000ms产生50组数据,并填充到表格中,主要使用的到是Handler+Task,因为我是用Activity显示这个表格每次产生的数据都需要快速的填充到主线程UI中,...
import org.achartengine.chart.LineChart; import org.achartengine.chart.PieChart; import org.achartengine.chart.RangeBarChart; import org.achartengine.chart.ScatterChart; import org.achartengine.chart....
使用AChartEngine图表库实现动态饼图,可以实时传入数据并刷新饼图
构建饼图的步骤主要分为以下三步,还需要在项目中引入AChartEngine依赖jar包,在Manifest中添加:<activity android:name="org.achartengine.GraphicalActivity" />
AChartEngine是一个强大的开源图表库,适用于Android应用开发,它提供了多种类型的图表,包括柱状图、线形图、饼图等。在这个场景中,我们关注的是如何使用AChartEngine来绘制动态柱状图。动态柱状图在数据可视化中...
画这些函数的时候最好要弄多一些点,设置每个点的跨度不宜太大了,因为这些三角函数图还是由一系列的点组成,点太少可能导致不圆滑,构建LineChart图的步骤主要分为以下三步,还需要在项目中引入AChartEngine依赖jar...
Android图表引擎AChartEngine实现动态柱状图,可以实时传入数据实时刷新图表
构建动态柱形图,官方的API并没有提供可以借鉴的动态更新饼图的方法,考虑到数据都是活动的,不可能总是用静态数据,具体是通过定时器+Handler实现定时任务,通过Handler更新主线程UI,在更新之前要把之前的数据清除...
Achartengine 提供了一组API,通过这些API可以创建多种图表类型,如柱状图(Bar Chart)、折线图(Line Chart)、饼图(Pie Chart)、散点图(Scatter Chart)以及甘特图(Gantt Chart)等。这些图表可用于显示时间...
• line chart (折线图) • area chart (面积图;分区图,对比图) • scatter chart ( 散点图) • time chart (时间图;进度表) • bar chart (条形图;柱状图) • pie chart ( 饼图) • bubble chart (气泡图) • ...
AChartEngine是为android应用而设计的绘图工具库。目前该库的最新稳定版本是0.7,支持绘制以下类型的图表: ?line chart ?area chart ?scatter chart ?time chart ?bar chart ?pie chart ?bubble chart ?doughnut ...
在Android应用开发中,视觉数据展示是至关重要的,AchartEngine是一个开源的图表库,它提供了丰富的图表类型,包括折线图、柱状图、饼图等,方便开发者轻松地在应用程序中展示复杂的数据。本篇文章将深入探讨如何...
总的来说,AChartEngine提供了一套强大的工具,让你能在Android应用中轻松创建动态曲线图。通过熟练掌握其API和原理,你可以创建出满足需求的、具有高度定制化和交互性的图表。这个实例"myChartTest001_bf150506...
ChartEngine支持的图表类型:折线图、区域图、散点图、时间图、柱状图、饼状图、气泡式图表、环形图、高低交替图等。 以上每种图表都可以包含多个序列, 可以将X轴以水平或垂直的形式显示,也支持很多自定义的特性。...
有疑问可以到我的博客咨询, ... 本代码为前人在博客中所述代码改编的,因为原文只有博文没有代码,就写了一个。...原文地址:achartengine画出动态折线图http://blog.csdn.net/ykm0722/article/details/8106612