使用achartengine实现自定义折线图 ----附代码 调试OK

achartengine作为android开发中最常用的实现图标的开源框架，使用比较方便，参考官方文档谢了如下Demo，实现了自定义折线图。

 

package edu.ustb.chart;



import org.achartengine.ChartFactory;

import org.achartengine.GraphicalView;

import org.achartengine.chart.PointStyle;

import org.achartengine.model.SeriesSelection;

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.view.View;

import android.view.ViewGroup.LayoutParams;

import android.widget.LinearLayout;

import android.widget.Toast;



public class MainActivity extends Activity {



	private GraphicalView mChartView;

	private XYMultipleSeriesRenderer mRenderer = new XYMultipleSeriesRenderer();

	private XYMultipleSeriesDataset mDataset = new XYMultipleSeriesDataset();



	double[] xdata = new double[] { 11, 22, 33, 44, 55, 66, 77, 88, 99, 110 };

	double[] ydata = new double[] { 11, 11, 22, 33, 44, 55, 66, 77, 88, 99 };



	@Override

	protected void onCreate(Bundle savedInstanceState) {

		super.onCreate(savedInstanceState);

		setContentView(R.layout.main);



	}



	/**

	 * 得到住渲染器，并对其各项属性进行设置

	 * 

	 * @return

	 */

	public XYMultipleSeriesRenderer getRenderer() {

		/** 设置主渲染器的各种属性 */

		// 设置背景色是否启用

		mRenderer.setApplyBackgroundColor(true);

		// 设置背景色

		mRenderer.setBackgroundColor(Color.argb(100, 20, 30, 40));

		// 设置x y轴标题字体大小

		mRenderer.setAxisTitleTextSize(16);

		// 设置表格标题字体大小

		mRenderer.setChartTitleTextSize(20);

		// 设置标签字体大小

		mRenderer.setLabelsTextSize(15);

		// 设置图例字体大小

		mRenderer.setLegendTextSize(15);

		mRenderer.setMargins(new int[] { 20, 20, 20, 20 });

		// 设置是否显示放大缩小按钮

		mRenderer.setZoomButtonsVisible(true);

		// 设置图表上显示点的大小

		mRenderer.setPointSize(5);

		

		// create a new renderer for the new series

		XYSeriesRenderer renderer = new XYSeriesRenderer();

		// set some renderer properties

		renderer.setPointStyle(PointStyle.CIRCLE);

		renderer.setFillPoints(true);

		renderer.setDisplayChartValues(true);

		renderer.setDisplayChartValuesDistance(100);

		renderer.setColor(Color.RED);

		setSeriesWidgetsEnabled(true);

		mRenderer.addSeriesRenderer(renderer);

		return mRenderer;

	}



	/**

	 * 得到住渲染器，并对其各项属性进行设置

	 * 

	 * @return

	 */

	public XYMultipleSeriesDataset getDataset() {

		String seriesTitle = "健康数据";

		XYSeries mSeries = new XYSeries(seriesTitle);

		for (int i = 0; i < 10; i++) {

			double x = xdata[i];

			double y = ydata[i];

			// 把坐标添加到当前序列中去

			mSeries.add(x, y);

		}

		mDataset.addSeries(mSeries);

		return mDataset;

	}



	@Override

	protected void onResume() {

		super.onResume();

		if (mChartView == null) {

			LinearLayout layout = (LinearLayout) findViewById(R.id.chart);

			mChartView = ChartFactory.getLineChartView(this, getDataset(), getRenderer());

			// enable the chart click events

			mRenderer.setClickEnabled(true);

			mRenderer.setSelectableBuffer(10);

			mChartView.setOnClickListener(new View.OnClickListener() {

				public void onClick(View v) {

					// handle the click event on the chart

					SeriesSelection seriesSelection = mChartView.getCurrentSeriesAndPoint();

					if (seriesSelection == null) {

						Toast.makeText(MainActivity.this, "No chart element", Toast.LENGTH_SHORT).show();

					} else {

						// display information of the clicked point

						Toast.makeText(MainActivity.this, "Chart element in series index " + seriesSelection.getSeriesIndex() + " data point index " + seriesSelection.getPointIndex() + " was clicked" + " closest point value X=" + seriesSelection.getXValue() + ", Y=" + seriesSelection.getValue(), Toast.LENGTH_SHORT).show();

					}

				}

			});

			layout.addView(mChartView, new LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));

			boolean enabled = mDataset.getSeriesCount() > 0;

			setSeriesWidgetsEnabled(enabled);

		} else {

			mChartView.repaint();

		}



	}



	/**

	 * Enable or disable the add data to series widgets

	 * 

	 * @param enabled

	 *            the enabled state

	 */

	private void setSeriesWidgetsEnabled(boolean enabled) {

		// mX.setEnabled(enabled);

		// mY.setEnabled(enabled);

		// mAdd.setEnabled(enabled);

	}



}