当前位置: 首页 > >

安卓图表控件WilliamChart使用指南

发布时间:

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


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


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


1.从github上下载项目,将其library项目导入adt;


2.将其sample项目导入adt;


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


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




android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
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">





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类。


运行该项目,效果如下:






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



友情链接: