android画折线图之一AChartengine

        由于在项目中要是用到折线图，在网上搜索了一番，发现android有很多的开源项目可以画折线图，有AChartengine，MPAndroid,HelloChart,这三个比较好的开源项目，或许还有别的好项目，但是我认为这三个已经够用了。

       1 AChartengine

      下载地址：https://github.com/jondwillis/AChartEngine

      既然是开源项目，当然是先加包文件

     在程序中加为lib或直接下载包文件放到libs里

      当然，在google上也有，但是谁让google上不去呢。

      使用：

      我想在android开发使用到的最多的还是把图表嵌入到界面activity或fragment中使用，首先就要一个layout去包容chart，

      

<LinearLayout
        android:id="@+id/oxy_line"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:padding="20dip"
        android:orientation="vertical">
    </LinearLayout>

   在java代码中实现

  

public class RongYangFragment extends Fragment {
	private View mView;
	private Context mContext;
	private LinearLayout tuLayout;
	private View tubiao;
	private XYMultipleSeriesRenderer renderer;
	private String[] titles;
	private List<double[]> x;
	private List<double[]> values;

	public RongYangFragment(Context context) {
		mContext = context;
	}

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		mView = inflater.inflate(R.layout.fragment_rongyang, null);
		tuLayout = (LinearLayout) mView.findViewById(R.id.oxy_line);
		initView();

		View view = ChartFactory.getLineChartView(mContext,
				buildDataset(titles, x, values), renderer);
		// 图表部分的背景颜色
		view.setBackgroundColor(Color.WHITE);
		tuLayout.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT,
				LayoutParams.MATCH_PARENT));
		tuLayout.addView(view);
		return mView;
	}

	public void initView() {
		titles = new String[] { "Crete", "Corfu", "Thassos", "Skiathos" };
		x = new ArrayList<double[]>();
		for (int i = 0; i < titles.length; i++) {
			x.add(new double[] { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 });
		}
		values = new ArrayList<double[]>();
		values.add(new double[] { 12.3, 12.5, 13.8, 16.8, 20.4, 24.4, 26.4,
				26.1, 23.6, 20.3, 17.2, 13.9 });
		values.add(new double[] { 10, 10, 12, 15, 20, 24, 26, 26, 23, 18, 14,
				11 });
		values.add(new double[] { 5, 5.3, 8, 12, 17, 22, 24.2, 24, 19, 15, 9, 6 });
		values.add(new double[] { 9, 10, 11, 15, 19, 23, 26, 25, 22, 18, 13, 10 });
		// 点的样式
		int[] colors = new int[] { Color.BLUE, Color.GREEN, Color.CYAN,
				Color.YELLOW };
		PointStyle[] styles = new PointStyle[] { PointStyle.CIRCLE,
				PointStyle.DIAMOND, PointStyle.TRIANGLE, PointStyle.SQUARE };

		renderer = buildRenderer(colors, styles);
		int length = renderer.getSeriesRendererCount();
		// 点是空心还是实心
		for (int i = 0; i < length; i++) {
			((XYSeriesRenderer) renderer.getSeriesRendererAt(i))
					.setFillPoints(true);
		}
		setChartSettings(renderer, "Average temperature", "Month",
				"Temperature", 0.5, 12.5, -10, 40, Color.LTGRAY, Color.LTGRAY);
		// 轴上数字的数量
		renderer.setXLabels(12);
		renderer.setYLabels(10);
		// 是否显示网格
		renderer.setShowGrid(true);
		// x或y轴上数字的方向，相反的。
		renderer.setXLabelsAlign(Align.RIGHT);
		renderer.setYLabelsAlign(Align.RIGHT);

		// 缩放效果
		renderer.setZoomButtonsVisible(true);
		renderer.setPanLimits(new double[] { -10, 20, -10, 40 });
		renderer.setZoomLimits(new double[] { -10, 20, -10, 40 });

		// 图表部分的背景颜色
		// renderer.setApplyBackgroundColor(true);// 设置是否显示背景色
		// renderer.setBackgroundColor(Color.WHITE);
		// renderer.setBackgroundColor(Color.parseColor("#ffffff"));
		// renderer.setApplyBackgroundColor(true);
		// 图表与屏幕四边的间距颜色
		renderer.setMarginsColor(Color.WHITE);
	}

	private XYMultipleSeriesRenderer buildRenderer(int[] colors,
			PointStyle[] styles) {
		XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();
		setRenderer(renderer, colors, styles);
		return renderer;
	}

	private void setRenderer(XYMultipleSeriesRenderer renderer, int[] colors,
			PointStyle[] styles) {
		renderer.setAxisTitleTextSize(16);
		renderer.setChartTitleTextSize(20);
		renderer.setLabelsTextSize(15);
		renderer.setLegendTextSize(15);
		renderer.setPointSize(5f);
		renderer.setMargins(new int[] { 20, 30, 15, 20 });
		int length = colors.length;
		for (int i = 0; i < length; i++) {
			XYSeriesRenderer r = new XYSeriesRenderer();
			r.setColor(colors[i]);
			r.setPointStyle(styles[i]);
			renderer.addSeriesRenderer(r);
		}
	}

	private void setChartSettings(XYMultipleSeriesRenderer renderer,
			String title, String xTitle, String yTitle, double xMin,
			double xMax, double yMin, double yMax, int axesColor,
			int labelsColor) {
		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);
	}

	private XYMultipleSeriesDataset buildDataset(String[] titles,
			List<double[]> xValues, List<double[]> yValues) {
		XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();
		addXYSeries(dataset, titles, xValues, yValues, 0);
		return dataset;
	}

	private void addXYSeries(XYMultipleSeriesDataset dataset, String[] titles,
			List<double[]> xValues, List<double[]> yValues, int scale) {
		int length = titles.length;
		for (int i = 0; i < length; i++) {
			XYSeries series = new XYSeries(titles[i], scale);
			double[] xV = xValues.get(i);
			double[] yV = yValues.get(i);
			int seriesLength = xV.length;
			for (int k = 0; k < seriesLength; k++) {
				series.add(xV[k], yV[k]);
			}
			dataset.addSeries(series);
		}
	}

}
但是我在项目中使用的时候出现里点错误：

不知到是什么原因，可能是网络请求的原因，但是我把网络请求代码去掉还是出现错误，所以不得不改用别的项目；不过在demo里同样的代码却没有问题。