Android开发笔记（一百零二）统计图表

AChartEngine

AChartEngine是Android平台上的图表绘制引擎，提供了包括折线图、柱状图、饼状图等图表显示。它的官网地址是http://achartengine.org/，源码下载页面是http://code.google.com/p/achartengine/，当然谷歌失火，殃及AChartEngine，大陆访问不了这个下载页面，若要下载最新版的jar包可前往下面这个地址：
http://repository-achartengine.forge.cloudbees.com/snapshot/org/achartengine/achartengine/


使用AChartEngine要在代码中设置许多属性，无法一一说明，下面还是直接上个代码例子（成绩统计图）：

import java.util.ArrayList;
import java.util.List;

import org.achartengine.ChartFactory;
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 com.example.mastersec.R;

import android.content.Context;
import android.content.Intent;
import android.graphics.Color;
import android.graphics.Paint.Align;

public class ScoreChart extends AbstractDemoChart {
	
	@Override
	public Intent execute(Context context) {
		String[] titles = new String[] { "成绩分布曲线" };
		List<double[]> x = new ArrayList<double[]>();
		for (int i = 0; i < titles.length; i++) {
			x.add(new double[] { 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100 });
		}
		List<double[]> values = new ArrayList<double[]>();
		values.add(new double[] { 2, 0, 1, 2, 3, 3, 4, 3, 1, 3, 4, 5, 3, 7, 8, 5, 3, 2, 0, 0 });
		int[] colors = new int[] { 0xff2200 - 16777216 };

		PointStyle[] styles = new PointStyle[] { PointStyle.POINT };
		XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer(1);
		setRenderer(renderer, colors, styles);
		int length = renderer.getSeriesRendererCount();
		for (int i = 0; i < length; i++) {
			XYSeriesRenderer r = (XYSeriesRenderer) renderer.getSeriesRendererAt(i);
			r.setLineWidth(1f);
		}
		renderer.setChartTitle("分布曲线"); // 图表标题
		renderer.setXTitle("分数段"); //  // X轴标题
		renderer.setYTitle("人数"); // Y轴标题
		renderer.setXAxisMin(0); // X轴最小标尺
		renderer.setXAxisMax(120); // X轴最大标尺
		renderer.setYAxisMin(0); // Y轴最小标尺
		renderer.setYAxisMax(11); // Y轴最大标尺
		renderer.setXLabels(0); // X轴标记数
		renderer.setYLabels(11); // Y轴标记数
		renderer.setAxesColor(Color.BLACK); // 坐标轴颜色
		renderer.setLabelsColor(Color.BLACK); // 主标题、X轴标题、Y轴标题、annoation颜色

		renderer.addXTextLabel(0, "0"); // 添加X轴标记文本
		renderer.addXTextLabel(10, "10");
		renderer.addXTextLabel(20, "20");
		renderer.addXTextLabel(30, "30");
		renderer.addXTextLabel(40, "40");
		renderer.addXTextLabel(50, "50");
		renderer.addXTextLabel(60, "60");
		renderer.addXTextLabel(70, "70");
		renderer.addXTextLabel(80, "80");
		renderer.addXTextLabel(90, "90");
		renderer.addXTextLabel(100, "100");
		renderer.addXTextLabel(115, "分数");
		renderer.addYTextLabel(11, "人数"); // 添加Y轴标记文本

		renderer.setAxisTitleTextSize(20); // 坐标轴标题字体大小：16
		renderer.setChartTitleTextSize(context.getResources().getDimension(
				R.dimen.chart_titile_size)); // 图表标题字体大小：20
		renderer.setLabelsTextSize(context.getResources().getDimension(
				R.dimen.chart_label_size)); // 轴标签字体大小：15
		renderer.setPointSize(35f); // 点的大小
		renderer.setLegendHeight((int) context.getResources().getDimension(
				R.dimen.chart_legend_height)); // 底部高度
		renderer.setLegendTextSize(context.getResources().getDimension(
				R.dimen.chart_legend_size)); // 底部文字大小，包括annoation大小
		renderer.setMargins(new int[] {
				(int) context.getResources().getDimension(
						R.dimen.chart_top_margin),
				(int) context.getResources().getDimension(
						R.dimen.chart_left_margin),
				(int) context.getResources().getDimension(
						R.dimen.chart_bottom_margin),
				(int) context.getResources().getDimension(
						R.dimen.chart_right_margin) }); // 上间距，左间距，下间距，右间距
		renderer.setGridColor(Color.rgb(100, 100, 100)); // 
		renderer.setShowGridX(true); // 是否显示X轴网格
		renderer.setShowGridY(true); // 是否显示Y轴网格
		renderer.setXLabelsAlign(Align.LEFT); // X轴标记的对齐方式
		renderer.setYLabelsAlign(Align.RIGHT); // Y轴标记的对齐方式
		renderer.setZoomButtonsVisible(false); // 是否显示缩放按钮
		renderer.setPanEnabled(false); // 是否允许拖动
		renderer.setMarginsColor(Color.rgb(200, 255, 200)); // 空白处颜色
		renderer.setApplyBackgroundColor(false); // 是否应用背景色
		renderer.setXLabelsColor(Color.rgb(0, 100, 255)); // X轴标记颜色
		renderer.setYLabelsColor(0, Color.rgb(255, 30, 30)); // Y轴标记颜色

		XYMultipleSeriesDataset dataset = buildDataset(titles, x, values);
		XYSeries series = dataset.getSeriesAt(0);
		int offset = 4;
		series.addAnnotation("●", 72 - offset, 7 + (8 - 7 + 1) / 5 * 2); // 在指定位置添加注解

		Intent intent = ChartFactory.getCubicLineChartIntent(context, dataset,
				renderer, 0.3f,
				context.getResources().getString(R.string.app_name));
		return intent;
	}

	@Override
	public String getName() {
		return null;
	}

	@Override
	public String getDesc() {
		return null;
	}
}

调用图表页面的代码如下：

		ScoreChart scoreChart = new ScoreChart();
		Intent intent = scoreChart.execute(mContext);
		mContext.startActivity(intent);

下面是示例代码的图表截图：

MPAndroidChart

MPAndroidChart是又一款国外的图表绘制控件库，除了基本的图表显示，还支持图表展开的动画效果。不过正因为提供了动画效果，所以为了兼容低版本的Android系统，工程中还需引用nineoldandroids的jar包。即我们的工程要同时加入nineoldandroids-2.4.0.jar和mpandroidchartlibrary-2.2.4.1.jar。


MPAndroidChart源码在github的地址是https://github.com/PhilJay/MPAndroidChart，具体用法可参考github上的demo，这里不再赘述。下面是MPAndroidChart的一个柱状图动画截图：

XCL-Charts

XCL-Charts是国人写的图表控件库，它的图表比较符合我们的习惯，也支持动画效果。XCL-Charts源码在github的地址是https://github.com/xcltapestry/XCL-Charts，jar包名为xcl-charts-2.4.jar，具体用法可参考github上的demo。下面是XCL-Charts的一个饼状图截图：







点此查看Android开发笔记的完整目录