Android报表库aChartEngine-line chart
来源:互联网 发布:看图软件mac 编辑:程序博客网 时间:2024/05/03 14:28
1、line chart 介绍。
aChartEngine中的line Chart是线图,是数据显示的一种。效果如图:
上面的效果图并没有对线条进行平滑处理,当然你可以使用平滑的连线方式。具体内容请参见官方demo。
2、如何使用line chart。
line chart 的使用比起pie chart和stacked chart 都要复杂。个人觉得,这也是achartengine里面最复杂(相对而言)的报表显示方式。
line chart和其他的报表组件一样,同样是需要数据dataset和视图渲染器renderer。数据需要的是一个坐标中的点(x,y)。除了数据格式和pie chart不同之外,renderer基本上一样。下面直接用一个demo演示一下它的使用方法。
3、demo。
package com.example.test;import java.util.ArrayList;import java.util.List;import org.achartengine.ChartFactory;import org.achartengine.chart.PointStyle;import org.achartengine.model.XYMultipleSeriesDataset;import org.achartengine.model.XYSeries;import org.achartengine.renderer.XYMultipleSeriesRenderer;import org.achartengine.renderer.XYSeriesRenderer;import android.app.Activity;import android.graphics.Color;import android.graphics.Paint.Align;import android.os.Bundle;import android.view.View;public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); String[] titles = new String[] { "Crete", "Corfu", "Thassos", "Skiathos" }; List<double[]> x = new ArrayList<double[]>(); for (int i = 0; i < titles.length; i++) { x.add(new double[] { 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12 }); } List<double[]> values = new ArrayList<double[]>(); values.add(new double[] { 12.3, 12.5, 13.8, 16.8, 20.4, 24.4, 26.4, 26.1, 23.6, 20.3, 17.2, 13.9 }); values.add(new double[] { 10, 10, 12, 15, 20, 24, 26, 26, 23, 18, 14, 11 }); values.add(new double[] { 5, 5.3, 8, 12, 17, 22, 24.2, 24, 19, 15, 9, 6 }); values.add(new double[] { 9, 10, 11, 15, 19, 23, 26, 25, 22, 18, 13, 10 }); int[] colors = new int[] { Color.BLUE, Color.GREEN, Color.CYAN, Color.YELLOW }; PointStyle[] styles = new PointStyle[] { PointStyle.CIRCLE, PointStyle.DIAMOND, PointStyle.TRIANGLE, PointStyle.SQUARE }; XYMultipleSeriesRenderer renderer = buildRenderer(colors, styles); int length = renderer.getSeriesRendererCount(); for (int i = 0; i < length; i++) { ((XYSeriesRenderer) renderer.getSeriesRendererAt(i)).setFillPoints(true); } setChartSettings(renderer, "Average temperature", "Month", "Temperature", 0.5, 12.5, -10, 40, Color.LTGRAY, Color.LTGRAY); renderer.setXLabels(12); renderer.setYLabels(10); renderer.setShowGrid(true); renderer.setXLabelsAlign(Align.RIGHT); renderer.setYLabelsAlign(Align.RIGHT); renderer.setZoomButtonsVisible(true); renderer.setPanLimits(new double[] { -10, 20, -10, 40 }); renderer.setZoomLimits(new double[] { -10, 20, -10, 40 }); View view = ChartFactory.getLineChartView(this, buildDataset(titles, x, values), renderer); view.setBackgroundColor(Color.BLACK); setContentView(view); } private XYMultipleSeriesRenderer buildRenderer(int[] colors, PointStyle[] styles) { XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer(); setRenderer(renderer, colors, styles); return renderer; } private void setRenderer(XYMultipleSeriesRenderer renderer, int[] colors, PointStyle[] styles) { renderer.setAxisTitleTextSize(16); renderer.setChartTitleTextSize(20); renderer.setLabelsTextSize(15); renderer.setLegendTextSize(15); renderer.setPointSize(5f); renderer.setMargins(new int[] { 20, 30, 15, 20 }); int length = colors.length; for (int i = 0; i < length; i++) { XYSeriesRenderer r = new XYSeriesRenderer(); r.setColor(colors[i]); r.setPointStyle(styles[i]); renderer.addSeriesRenderer(r); } } private void setChartSettings(XYMultipleSeriesRenderer renderer, String title, String xTitle, String yTitle, double xMin, double xMax, double yMin, double yMax, int axesColor, int labelsColor) { renderer.setChartTitle(title); renderer.setXTitle(xTitle); renderer.setYTitle(yTitle); renderer.setXAxisMin(xMin); renderer.setXAxisMax(xMax); renderer.setYAxisMin(yMin); renderer.setYAxisMax(yMax); renderer.setAxesColor(axesColor); renderer.setLabelsColor(labelsColor); } private XYMultipleSeriesDataset buildDataset(String[] titles, List<double[]> xValues, List<double[]> yValues) { XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset(); addXYSeries(dataset, titles, xValues, yValues, 0); return dataset; } private void addXYSeries(XYMultipleSeriesDataset dataset, String[] titles, List<double[]> xValues, List<double[]> yValues, int scale) { int length = titles.length; for (int i = 0; i < length; i++) { XYSeries series = new XYSeries(titles[i], scale); double[] xV = xValues.get(i); double[] yV = yValues.get(i); int seriesLength = xV.length; for (int k = 0; k < seriesLength; k++) { series.add(xV[k], yV[k]); } dataset.addSeries(series); } }}
4、分析demo。
首先代码看上去貌似很多,不过简单易懂。总结下来不外乎就几个方面:
①生成坐标数据。(当然你也可以根据自己的需要生成一组或多组数据,为了数据之间的对比所以文中写了多组数据)。
②生成渲染器。渲染器需要设置哪些可以根据需要而定,当然前提是你得知道它每个参数的意义,文中是比较全面的设置。
③设置数据和渲染器。
大概就只做了这些工作,至于具体的实现方法你可以自己阅读一下。
5、总结。
即使是aChartEngine中最为复杂(个人观点)的line chart也是如此简单,所以剩下的其他组件也复杂不到哪里去。在这个系列的几篇文章中并没有对代码做任何注释原因有下面几个:
①网上你基本上可以找到很好的解释,尤其是render的每个参数的设置表示何意义。
②强大的官网。你需要的任何相关信息都有。
③个人理解不同加之本人英语水平有限,翻译过来恐怕太过生硬。
④保持原滋原味,让读者自己结合官网去理解。(授之以鱼不如授之以渔)。
- Android报表库aChartEngine-line chart
- Android报表库aChartEngine-pie chart
- Android报表库aChartEngine系列(pie chart)
- Android报表库aChartEngine系列(pie chart)
- Android报表库aChartEngine系列(stacked chart)
- Android报表库aChartEngine系列
- Android Chart图开源库AChartEngine教程
- Android Chart图开源库AChartEngine教程
- Android Chart图开源库AChartEngine教程
- Android Chart图开源库AChartEngine教程
- Android报表库aChartEngine系列(介绍)
- Android报表库aChartEngine系列(介绍)
- android绘图 报表----aChartEngine图表显示(1)
- android smooth-line-chart 贝塞尔曲线入门
- Chart 报表
- android 功能代码-----Android报表控件achartengine介绍(一)
- android功能代码--Android报表控件achartengine介绍(二)
- Android图形报表之AchartEngine(附开发包+API文档)
- JavaScript去掉字符串前后空格
- iOS学习笔记04——Visual Format Language语法的简单学习
- 【加密】Cocos2d-x PNG图片资源加密
- 程序性能的优化
- JqGrid学习总结_2 动态改变列编辑属性
- Android报表库aChartEngine-line chart
- JqGrid学习总结_3动态改变列编辑类型editType
- JqGrid学习总结_4动态添加下拉框
- jqGrid学习总结_5 使用formatter
- jqGrid学习总结_6 使用formatter
- JqGrid学习总结_7 分组Grouping
- JqGrid学习总结_8 右键菜单
- JqGrid学习总结_9树形表格TreeGrid
- JqGrid学习总结_10标题栏的checkbox