最近在做项目的过程中需要用到android的图标功能,我推荐使用achartengine.jar这个组件,因为这是google提供的开源组件,也比较好用。
在项目的过程中我也尝试了用RChart 2组件,但是这个组件是收费的,如果你使用试用版,那么你的图表上都会有Rchart demo字样(显然这个对于项目开发来说必然是不可以的)。
下面我简要介绍一下achartengine.jar的使用:
一、Series 和 Renderer
其中series是数据序列,也就是你要在图标中进行显示的图标中的数据。
renderer是用来做渲染的,也就是对你的图标进行设置,比如:设置图标的标题,设置是否显示网格,x轴的最大值和最小值,y轴的最大值和最小值等等。
二.ChartFactory.get*****View(getActivity(),dataset, renderer, Type.DEFAULT); 和 ChartFactory.get*****Intent(getActivity(),dataset, renderer, Type.DEFAULT);
这两个方法是绘制图表的关键方法。
第一个方法返回View,我们可以通过addView()方法,把图标添加到一个视图组件中;
第二个方法返回Intent,我们可以通过startActivity()方法,实现界面的跳转,然后图标显示在 <activity android:name="org.achartengine.GraphicalActivity" />中(这个activity是在组件中写的,如果你想通过第二种方法实现,必须在AndroidManifest.xml中进行注册)。
三.我就以一个简单的柱状图的例子,详细介绍怎么绘图(我就用第一种方法实现,第二种方法与这个很类似,就不详细介绍,如有不明白可以提问)。
package com.example.barchart;
import java.util.ArrayList;
import org.achartengine.ChartFactory;
import org.achartengine.GraphicalView;
import org.achartengine.chart.PointStyle;
import org.achartengine.chart.BarChart.Type;
import org.achartengine.model.CategorySeries;
import org.achartengine.model.XYMultipleSeriesDataset;
import org.achartengine.model.XYSeries;
import org.achartengine.renderer.SimpleSeriesRenderer;
import org.achartengine.renderer.XYMultipleSeriesRenderer;
import org.achartengine.renderer.XYSeriesRenderer;
import android.os.Bundle;
import android.app.Activity;
import android.graphics.Color;
import android.graphics.Paint.Align;
import android.view.Menu;
import android.view.ViewGroup.LayoutParams;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
public class MainActivity extends Activity {
LinearLayout li1;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//得到资源
li1 = (LinearLayout) findViewById(R.id.li1);
//初始化柱状图
initView();
}
private void initView() {
//柱状图的两个序列的名字
String[] titles = new String[] { "净利润", "所得税" };
//存放柱状图两个序列的值
ArrayList<double[]> value = new ArrayList<double[]>();
double[] d1 = new double[] { 0.1, 0.3, 0.7, 0.8, 0.5 };
double[] d2 = new double[] { 0.2, 0.3, 0.4, 0.8, 0.6 };
value.add(d1);
value.add(d2);
//两个状的颜色
int[] colors = { Color.BLUE, Color.GREEN};
//为li1添加柱状图
li1.addView(
xychar(titles, value, colors, 6, 1, new double[] { 2007,
2012.5, 0, 1 }, new int[] { 2008, 2009, 2010, 2011,
2012 }, "利润总额与净利润(财务)", true),
new RelativeLayout.LayoutParams(LayoutParams.MATCH_PARENT,
LayoutParams.MATCH_PARENT));
}
public GraphicalView xychar(String[] titles, ArrayList<double[]> value,
int[] colors, int x, int y,double[] range, int []xLable ,String xtitle, boolean f) {
//多个渲染
XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();
//多个序列的数据集
XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();
//构建数据集以及渲染
for (int i = 0; i < titles.length; i++) {
XYSeries series = new XYSeries(titles[i]);
double [] yLable= value.get(i);
for (int j=0;j<yLable.length;j++) {
series.add(xLable[j],yLable[j]);
}
dataset.addSeries(series);
XYSeriesRenderer xyRenderer = new XYSeriesRenderer();
// 设置颜色
xyRenderer.setColor(colors[i]);
// 设置点的样式 //
xyRenderer.setPointStyle(PointStyle.SQUARE);
// 将要绘制的点添加到坐标绘制中
renderer.addSeriesRenderer(xyRenderer);
}
//设置x轴标签数
renderer.setXLabels(x);
//设置Y轴标签数
renderer.setYLabels(y);
//设置x轴的最大值
renderer.setXAxisMax(x - 0.5);
//设置轴的颜色
renderer.setAxesColor(Color.BLACK);
//设置x轴和y轴的标签对齐方式
renderer.setXLabelsAlign(Align.CENTER);
renderer.setYLabelsAlign(Align.RIGHT);
// 设置现实网格
renderer.setShowGrid(true);
renderer.setShowAxes(true);
// 设置条形图之间的距离
renderer.setBarSpacing(0.2);
renderer.setInScroll(false);
renderer.setPanEnabled(false, false);
renderer.setClickEnabled(false);
//设置x轴和y轴标签的颜色
renderer.setXLabelsColor(Color.RED);
renderer.setYLabelsColor(0,Color.RED);
int length = renderer.getSeriesRendererCount();
//设置图标的标题
renderer.setChartTitle(xtitle);
renderer.setLabelsColor(Color.RED);
//设置图例的字体大小
renderer.setLegendTextSize(18);
//设置x轴和y轴的最大最小值
renderer.setRange(range);
renderer.setMarginsColor(0x00888888);
for (int i = 0; i < length; i++) {
SimpleSeriesRenderer ssr = renderer.getSeriesRendererAt(i);
ssr.setChartValuesTextAlign(Align.RIGHT);
ssr.setChartValuesTextSize(12);
ssr.setDisplayChartValues(f);
}
GraphicalView mChartView = ChartFactory.getBarChartView(getApplicationContext(),
dataset, renderer, Type.DEFAULT);
return mChartView;
}
}