achartengine实现柱状图、圆饼图、线图等

 最近在做项目的过程中需要用到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;

	}
}

你可能感兴趣的:(chart)