帮学长毕业设计总结:AChartEngine创建图表的步骤

2022-11-30 16:42:57 浏览数 (1)

AChartEngine

首先要做的是一个用于展示支出、收入的饼状图,效果如下:

之前没有接触过图表的绘制,经过实现这个功能了解并学习了AChartEngine,这是专门用于android绘制图表(饼状图、条形图)的工具库。目前最新的是achartengine-1.1.0.jar,下载地址:点击打开链接

官方源码访问地址:点击打开链接

具体配置步骤如下:

(1)将下载得到的jar包粘贴到项目的libs文件夹下

(2)右键点击libs下的这个jar包,”buid path“-->"Add to build path",设置构建路径。添加完后会在引用的库中显示该jar包

(3)在AndroidManifest.xml中配置jar包中的一个activity, org.achartengine.GraphicalActivity,好像是绘图要调用他

<activityandroid:name="org.achartengine.GraphicalActivity"/>

这样配置就结束了。

接下来是如何绘制饼状图表:

 (1)创建绘图用的颜色数组: int[] colors = new int[] { Color.RED, Color.YELLOW, Color.BLUE,Color.GREEN};

 (2)创建一个DefaultRenderer方法,用于创建一个Renderer渲染器,其实就相当于一个画板;在里面再创建SimpleSeriesRenderer对象,就是画笔。设定画笔颜色后把画笔加入画板。

代码语言:javascript复制
<pre name="code" class="java">	protected DefaultRenderer buildCategoryRenderer(int[] colors, List<Tb_outaccount> list) { 
		//创建一个渲染器对象
		DefaultRenderer renderer = new DefaultRenderer(); 
		//list为要在图表中显示的数据集合
		for (int i = 0; i < list.size(); i  ) {
			//创建一个画笔
			SimpleSeriesRenderer r = new SimpleSeriesRenderer(); 
			if(list.size() < colors.length){
				//设置画笔颜色
				r.setColor(colors[i]); 		
			}else{
				r.setColor(getRandomColor());
			}
			//放入画板
			renderer.addSeriesRenderer(r);	
		}
<span style="white-space:pre">	</span>/******下面是对画板的一些设置******/
	//不显示底部说明
	renderer.setShowLegend(false);
	//设置标签字体大小
	renderer.setLabelsTextSize(20);
	//设置能缩放图表
	renderer.setZoomButtonsVisible(true);
	renderer.setZoomEnabled(true);
	//设置能移动图表
	renderer.setPanEnabled(false);
	//设置显示数据
	renderer.setDisplayValues(true);
	// 设置饼图标题
	renderer.setChartTitle("饼图标题");
	renderer.setChartTitleTextSize(30);
//	renderer.setClickEnabled(true);

	return renderer; 
}
代码语言:javascript复制

需要注意:

设置画笔颜色时setColor(color[i])的参数color[i]不要超出第一步创建时的大小,否则会报错。当数据增多时调用自定义颜色,

代码语言:javascript复制
<span style="font-size:18px;">  r.setColor(getRandomColor())<span style="white-space:pre">		</span>getRandomColor()方法用于随机生成颜色,这里就不贴代码</span>
代码语言:javascript复制
</pre><p></p><p><span style="font-family:Monaco,MonacoRegular,Courier New,monospace; color:#800080"><span style="font-size:15px; line-height:15px; white-space:pre; background-color:rgb(253,253,253)"><strong> (3)得到画笔后就该创建我们要展示的数据,CategorySeries,以(key,value)的方式添加将要在饼状图表上表示的分类及数据。</strong></span></span></p><p><span style="font-family:Monaco,MonacoRegular,Courier New,monospace; color:#800080"><span style="font-size:15px; line-height:15px; white-space:pre; background-color:rgb(253,253,253)"><strong></strong></span></span></p><pre name="code" class="java"><span style="white-space:pre">		
代码语言:javascript复制
<span style="white-space:pre">		</span>//得到画板,里面装了各种颜色的画笔
		DefaultRenderer renderer = buildCategoryRenderer(colors,list); 
		//创建数据集合
		CategorySeries categorySeries = new CategorySeries("Vehicles Chart"); 
		String type;
		int money;
		Tb_outaccount outaccount;
		for (int i = 0; i < list.size(); i  ) {
			outaccount= list.get(i);
			type = outaccount.getType();
			money = (int) outaccount.getMoney();
			//往数据集合中添加分类及金额
			categorySeries.add(type, money);
			
		}	 
<pre name="code" class="java"><span style="white-space:pre">		</span>//ChartFactory.getPieChartView(context, categorySeries, renderer),返回一个饼状图View,参数为上下文、数据、画板

GraphicalView chartView = ChartFactory.getPieChartView(context, categorySeries, renderer); //添加到响应的布局中 ll.addView(chartView);

代码语言:javascript复制

这样就完成了图表的创建

jar

0 人点赞