安卓图表控件WilliamChart使用指南

WilliamChart是github上的一个android图表控件，项目地址：https://github.com/diogobernardino/WilliamChart

该图表控件效果不错，使用也比较方便。

参考它提供的示例程序，我写了一个更加简单的图表程序，步骤如下：

1.从github上下载项目，将其library项目导入adt；

2.将其sample项目导入adt；

3.创建自己的工程，引用library项目，并将sample项目中的DataRetriever类拷贝到本项目的源代码目录中；

4.创建一个chart_layout.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
   <com.db.chart.view.LineChartView
		xmlns:chart="http://schemas.android.com/apk/res-auto"
		android:id="@+id/linechart"
	    android:layout_width="match_parent"
	    android:layout_height="0dp"
	    android:layout_weight=".30"
	    android:paddingTop="15dp"
	    android:paddingBottom="5dp"
	    android:paddingLeft="10dp"
	    android:paddingRight="10dp"
	    chart:chart_shadowDy="1dp"
	    chart:chart_shadowRadius="1dp"
	    chart:chart_shadowColor="#80000000"
	    chart:chart_axisColor="@color/axis"
	    chart:chart_axisBorderSpacing="0dp">
	</com.db.chart.view.LineChartView>

</LinearLayout>

5.创建一个Activity类，代码如下：

package com.example.wxb_example;

import com.db.chart.model.LineSet;
import com.db.chart.model.Point;
import com.db.chart.view.LineChartView;
import com.db.chart.view.YController;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;

public class WilliamChartActivity extends Activity {
	//线性图表控件
	private static LineChartView mLineChart;
	private final static String[] mLabels = {"ANT", "GNU", "OWL", "APE", "COD","YAK", "RAM", "JAY"};

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		setContentView(R.layout.chart_layout);
		mLineChart = (LineChartView) findViewById(R.id.linechart);

		LineSet data;
		mLineChart.reset();

		int nSets = 2;  //两条线
		int nPoints = 5;  //每条线5个点
		for(int i = 0; i < nSets; i++){

			data = new LineSet();
			for(int j = 0; j < nPoints; j++)
				data.addPoint(new Point(mLabels[j], DataRetriever.randValue(0, 10)));

			data.setDots(DataRetriever.randBoolean())
				.setDotsColor(Color.parseColor(DataRetriever.getColor(DataRetriever.randNumber(0,2))))
				.setDotsRadius(DataRetriever.randDimen(4,7))
				.setLineThickness(DataRetriever.randDimen(3,8))
				.setLineColor(Color.parseColor(DataRetriever.getColor(i)))
				.setDashed(DataRetriever.randBoolean())
				.setSmooth(DataRetriever.randBoolean())
				;

			if(i == 2){
				//data.setFill(Color.parseColor("#3388c6c3"));
				int[] colors = {Color.parseColor("#3388c6c3"), Color.TRANSPARENT};
				data.setGradientFill(colors, null);
			}

			if(DataRetriever.randBoolean())
				data.setDotsStrokeThickness(DataRetriever.randDimen(1,4))
				.setDotsStrokeColor(Color.parseColor(DataRetriever.getColor(DataRetriever.randNumber(0,2))))
				;

			mLineChart.addData(data);
		}

		mLineChart.setGrid(DataRetriever.randPaint())
			.setVerticalGrid(DataRetriever.randPaint())
			.setHorizontalGrid(DataRetriever.randPaint())
			//.setThresholdLine(2, randPaint())
			.setYLabels(YController.LabelPosition.NONE)
			.setYAxis(false)
			.setXLabels(DataRetriever.getXPosition())
			.setXAxis(DataRetriever.randBoolean())
			.setMaxAxisValue(10, 2)
			.animate(DataRetriever.randAnimation(null, nPoints))
			//.show()
			;

	}

}

注意这个类中引用了拷贝过来的DataRetriever类。

运行该项目，效果如下：

其中的效果可以自己再另行操作。