AChartEngine添加到View中

最近项目用到了画图，开始的时候是在view中的onDraw方法中绘制，但是局限性很大，于是使用了achartengine这个库。

但是在网上看到的大部分例子都是拷贝官网demo上的例子，而我需要在一个自定义view中添加这个曲线图。

通过尝试发现ChartFactory中有两种方式，一种是返回一个Intent，另一种是返回一个view，这个正是我所需要的。

代码示例如下：

package com.example.myacedemo;

import java.util.Random;

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.graphics.Color;
import android.os.Bundle;
import android.util.Log;
import android.view.ViewGroup.LayoutParams;
import android.widget.LinearLayout;

public class MainActivity extends Activity {

	private XYMultipleSeriesDataset mDataset = new XYMultipleSeriesDataset();
	private XYMultipleSeriesRenderer mRenderer = new XYMultipleSeriesRenderer();
	private XYSeries mCurrentSeries;
	private XYSeriesRenderer mCurrentRenderer;
	private GraphicalView mChartView;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		mRenderer.setApplyBackgroundColor(true);
		mRenderer.setBackgroundColor(Color.argb(100, 50, 50, 50));
		mRenderer.setAxisTitleTextSize(16);
		mRenderer.setChartTitleTextSize(20);
		mRenderer.setLabelsTextSize(15);
		mRenderer.setLegendTextSize(15);
		mRenderer.setMargins(new int[] { 20, 30, 15, 0 });
		mRenderer.setZoomButtonsVisible(true);
		mRenderer.setPointSize(5);
		mRenderer.setClickEnabled(true);
		mRenderer.setSelectableBuffer(10);

		String seriesTitle = "Series " + (mDataset.getSeriesCount() + 1);
		// create a new series of data
		XYSeries series = new XYSeries(seriesTitle);
		Random r = new Random();
		for (int k = 0; k < 10; k++) {
			// 填x,y值
			series.add(k, 20 + r.nextInt() % 100);
		}
		mDataset.addSeries(series);
		mCurrentSeries = series;
		// create a new renderer for the new series
		XYSeriesRenderer renderer = new XYSeriesRenderer();
		mRenderer.addSeriesRenderer(renderer);
		// set some renderer properties
		renderer.setPointStyle(PointStyle.CIRCLE);
		renderer.setFillPoints(true);
		renderer.setDisplayChartValues(true);
		renderer.setDisplayChartValuesDistance(10);
		mCurrentRenderer = renderer;
//		mChartView.repaint();

		LinearLayout layout = (LinearLayout) findViewById(R.id.chart);
//		// 1, 构造显示用渲染图
//		XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();
//		// 2,进行显示
//		XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();
//		// 2.1, 构建数据
//		Random r = new Random();
//		XYSeries series = new XYSeries("test" + (1));
//		// 填充数据
//		for (int k = 0; k < 10; k++) {
//			// 填x,y值
//			series.add(k, 20 + r.nextInt() % 100);
//		}
//		// 需要绘制的点放进dataset中
//		dataset.addSeries(series);
//		// 3, 对点的绘制进行设置
//		XYSeriesRenderer xyRenderer = new XYSeriesRenderer();
//		// 3.1设置颜色
//		xyRenderer.setColor(Color.BLUE);
//		// 3.2设置点的样式
//		xyRenderer.setPointStyle(PointStyle.SQUARE);
//		// 3.3, 将要绘制的点添加到坐标绘制中
//		renderer.addSeriesRenderer(xyRenderer);
		
		mChartView = ChartFactory.getLineChartView(this, mDataset, mRenderer);
		// Intent intent = new LinChart().execute(this);
		// Intent intent = ChartFactory.getLineChartIntent(this, dataset,
		// renderer);
		// startActivity(intent);
		layout.addView(mChartView, new LayoutParams(LayoutParams.MATCH_PARENT,
				LayoutParams.FILL_PARENT));
		
		Log.e("====>>>>", "oncreate执行完成");
	}
}

布局XML：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" />

    <LinearLayout
        android:id="@+id/chart"
        android:layout_width="fill_parent"
        android:layout_height="400dp"
        android:layout_below="@+id/textView1"
        android:orientation="horizontal" >
    </LinearLayout>

</RelativeLayout>

整个过程还是很简单的，一个是添加数据，一个是设置样式，最后如果是完全独立的展示就startActivity就可以了，像例子中将view添加到布局中就行了。

二者有一个区别就是通过Intent的方式，坐标系可以滑动；而view只能缩放，不能滑动。