AChartEngine实现Android实时曲线绘制

前两天由于项目需要做了一个基于Android的实时采集系统,需要对参数以实时曲线的形式显示,在网上找了找基于Android的图表工具以及源码,最终还是选取了AChartEngine来绘制,这个图表库用起来很是方便。下面将自己写的一个随机数的实时曲线和大家分享一下~~

本程序是基于Android2.2的

思路比较简单,即在一个MainActivity中点击按钮跳入另一个RtChartsActivity并显示实时曲线。

MainActivity中

public class MainActivity extends Activity {
	private Button button; 
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		button=(Button)this.findViewById(R.id.button);
		button.setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				Intent intent = new Intent();
				intent.setClass(MainActivity.this, RtChartsActivity.class);
				startActivity(intent);
			}
		});
	}
	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		getMenuInflater().inflate(R.menu.activity_main, menu);
		return true;
	}
}

在RtChartsActivity中,首先初始化曲线,然后在Timer中定时updateChart()曲线

public class RtChartsActivity extends Activity {
	
    private Timer timer = new Timer();
    private GraphicalView chart;
    private TextView textview;
    private TimerTask task;
    private int addY = -1;
    private long addX;
    /**曲线数量*/
    private static final int SERIES_NR=1;
    private static final String TAG = "message";
    private TimeSeries series1;
    private XYMultipleSeriesDataset dataset1;
    private Handler handler;
    private Random random=new Random();
    /**时间数据*/
    Date[] xcache = new Date[20];
	/**数据*/
    int[] ycache = new int[20];
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.rtchart);
		LinearLayout layout = (LinearLayout)findViewById(R.id.linearlayout);
        //生成图表
		chart = ChartFactory.getTimeChartView(this, getDateDemoDataset(), getDemoRenderer(), "hh:mm:ss");
		layout.addView(chart, new LayoutParams(LayoutParams.WRAP_CONTENT,380));
		//为TextView添加事件
		textview = (TextView)findViewById(R.id.myview);
		textview.setOnClickListener(new View.OnClickListener() {
			@Override
			public void onClick(View v) {
				Toast.makeText(RtChartsActivity.this, "ceshiview", 1).show();
				Intent intent = new Intent();
				intent.setClass(RtChartsActivity.this, MainActivity.class);
				startActivity(intent);
			}
		});
		handler = new Handler() {
        	@Override
        	public void handleMessage(Message msg) {
        		//刷新图表
        		updateChart();
        		super.handleMessage(msg);
        	}
        };
        task = new TimerTask() {
        	@Override
        	public void run() {
        		Message message = new Message();
        	    message.what = 200;
        	    handler.sendMessage(message);
        	}
        };
        timer.schedule(task, 2*1000,1000);
	}
	   private void updateChart() {
		    //设定长度为20
		    int length = series1.getItemCount();
		    if(length>=20) length = 20;
		    addY=random.nextInt()%10;
		    addX=new Date().getTime();
		    
		    //将前面的点放入缓存
			for (int i = 0; i < length; i++) {
				xcache[i] =  new Date((long)series1.getX(i));
				ycache[i] = (int) series1.getY(i);
			}
			series1.clear();
			series1.add(new Date(addX), addY);
			for (int k = 0; k < length; k++) {
	    		series1.add(xcache[k], ycache[k]);
	    	}
			//在数据集中添加新的点集
			dataset1.removeSeries(series1);
			dataset1.addSeries(series1);
			//曲线更新
			chart.invalidate();
	    }
	/**
	 * 设定如表样式
	 * @return
	 */
	   private XYMultipleSeriesRenderer getDemoRenderer() {
		    XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();
		    renderer.setChartTitle("实时曲线");//标题
		    renderer.setChartTitleTextSize(20);
		    renderer.setXTitle("时间");    //x轴说明
		    renderer.setAxisTitleTextSize(16);
		    renderer.setAxesColor(Color.BLACK);
		    renderer.setLabelsTextSize(15);    //数轴刻度字体大小
		    renderer.setLabelsColor(Color.BLACK);
		    renderer.setLegendTextSize(15);    //曲线说明
		    renderer.setXLabelsColor(Color.BLACK);
		    renderer.setYLabelsColor(0,Color.BLACK);
		    renderer.setShowLegend(false);
		    renderer.setMargins(new int[] {20, 30, 100, 0});
		    XYSeriesRenderer r = new XYSeriesRenderer();
		    r.setColor(Color.BLUE);
		    r.setChartValuesTextSize(15);
		    r.setChartValuesSpacing(3);
		    r.setPointStyle(PointStyle.CIRCLE);
		    r.setFillBelowLine(true);
		    r.setFillBelowLineColor(Color.WHITE);
		    r.setFillPoints(true);
		    renderer.addSeriesRenderer(r);
		    renderer.setMarginsColor(Color.WHITE);
		    renderer.setPanEnabled(false,false);
		    renderer.setShowGrid(true);
		    renderer.setYAxisMax(50);
		    renderer.setYAxisMin(-30);
		    renderer.setInScroll(true);  //调整大小
		    return renderer;
		  }
	   /**
	    * 数据对象
	    * @return
	    */
	   private XYMultipleSeriesDataset getDateDemoDataset() {
		    dataset1 = new XYMultipleSeriesDataset();
		    final int nr = 10;
		    long value = new Date().getTime();
		    Random r = new Random();
		    for (int i = 0; i < SERIES_NR; i++) {
		      series1 = new TimeSeries("Demo series " + (i + 1));
		      for (int k = 0; k < nr; k++) {
		        series1.add(new Date(value+k*1000), 20 +r.nextInt() % 10);
		      }
		      dataset1.addSeries(series1);
		    }
		    Log.i(TAG, dataset1.toString());
		    return dataset1;
		  }
	    @Override
	    public void onDestroy() {
	    	//当结束程序时关掉Timer
	    	timer.cancel();
	    	super.onDestroy();
	    };
}

效果是这样的~~

源程序可以在这里下载http://download.csdn.net/detail/best198706/5408151

  • 6
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 23
    评论
Android实时曲线图是一种用于实时展示数据的图表,常用于与传感器相关的项目中。根据引用中的内容,有两种实现方式。其中每种实现方式都包含两种展现方式,即曲线图平移方向为左和右。在实现过程中,可以使用布局文件R.layout.custom_marker_view来自定义Marker View,如引用所示。该布局文件使用RelativeLayout包裹一个TextView,用于展示数据点的具体数值。 如果你希望查看完整的实现工程,可以参考引用中提供的链接。该链接中提供了一个完整的工程示例,其中心电图数据被修改成了随机数数据。在使用该工程时,需要先导入Android-support-V7-appcompat库,然后再导入RealTimeChart库。注意,导入完毕后需要修改Library引用,具体步骤是右击RealTimeChart工程,选择Properties->Android->下方Library->add->选择android-support-V7-appcompat即可。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Android利用Achartengine实现实时曲线图](https://blog.csdn.net/qq_42820594/article/details/103063596)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [Android 一步步实现曲线图、折线图、柱状图、雷达图,动态心跳图](https://blog.csdn.net/gao511147456/article/details/108412584)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 23
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值