【Android】achartengine的柱状图和饼状图的使用

代码中的注释解释了图标中的各种设置的使用方法。

一.achartengine库的下载,下载地址:

http://code.google.com/p/achartengine/downloads/list

下载完成后,把jar文件粘贴到libs文件夹

二.在android项目中如何使用

先定义一个GraphicalView

GraphicalView graphicalView;

然后,从chartfactory获取

graphicalView=ChartFactory.getBarChartView(getBaseContext(), dataset, renderer, type);//柱状图graphicalView=ChartFactory.getPieChartView(getBaseContext(), dataset, renderer);//饼状图

其中的dataset表示数据源,renderer表示渲染参数,type表示类型

设置dataset的方法--饼图

double[] values={412.0,542.0,486.0,900.1};
CategorySeries dataset=buildCategoryDataset("测试饼图", values);

1 protected CategorySeries buildCategoryDataset(String title, double[] values) {
2         CategorySeries series = new CategorySeries(title);
3         series.add("差", values[0]);
4         series.add("不达标", values[1]);
5         series.add("达标", values[2]);
6         series.add("优秀",values[3]);
7         return series;
8       }

设置dataset的方法--柱状图----柱状图可以有多组数据

1 String[] titles={"test"};
2         List<double[]> values=new ArrayList<double[]>();
3         values.add(new double[]{5120.0,21251.0,25610.0});
4         XYMultipleSeriesDataset dataset=buildBarDataset(titles, values);

 1  protected XYMultipleSeriesDataset buildBarDataset(String[] titles, List<double[]> values) {
 2             XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();
 3             int length = titles.length;
 4             for (int i = 0; i < length; i++) {
 5                 CategorySeries series = new CategorySeries(titles[i]);
 6                 double[] v = values.get(i);
 7                 int seriesLength = v.length;
 8                 for (int k = 0; k < seriesLength; k++) {
 9                     series.add(v[k]);
10                 }
11                 dataset.addSeries(series.toXYSeries());
12             }
13             return dataset;
14         }

设置renderer的方法--饼图

1 int[] colors={Color.BLUE,Color.GREEN,Color.MAGENTA,Color.RED};
2 DefaultRenderer renderer=buildCategoryRenderer(colors);

 1 protected DefaultRenderer buildCategoryRenderer(int[] colors) {
 2         DefaultRenderer renderer = new DefaultRenderer();
 3
 4         renderer.setLegendTextSize(20);//设置左下角表注的文字大小
 5       //renderer.setZoomButtonsVisible(true);//设置显示放大缩小按钮
 6         renderer.setZoomEnabled(false);//设置不允许放大缩小.
 7           renderer.setChartTitleTextSize(30);//设置图表标题的文字大小
 8           renderer.setChartTitle("统计结果");//设置图表的标题  默认是居中顶部显示
 9           renderer.setLabelsTextSize(20);//饼图上标记文字的字体大小
10           //renderer.setLabelsColor(Color.WHITE);//饼图上标记文字的颜色
11           renderer.setPanEnabled(false);//设置是否可以平移
12           //renderer.setDisplayValues(true);//是否显示值
13           renderer.setClickEnabled(true);//设置是否可以被点击
14         renderer.setMargins(new int[] { 20, 30, 15,0 });
15         //margins - an array containing the margin size values, in this order: top, left, bottom, right
16         for (int color : colors) {
17           SimpleSeriesRenderer r = new SimpleSeriesRenderer();
18           r.setColor(color);
19           renderer.addSeriesRenderer(r);
20         }
21         return renderer;
22       }

设置renderer的方法----柱状图

 1 int[] colors={Color.BLUE};
 2         XYMultipleSeriesRenderer renderer=buildBarRenderer(colors);
 3         Type type=Type.DEFAULT;
 4
 5         //renderer.setZoomEnabled(false);//怎么失效了----使用下面的方式
 6         renderer.setZoomEnabled(false, false);//成功控制--嘿嘿
 7         setChartSettings(renderer, "我是柱状图的标题", "", "统计结果", 0, 6, 0, 30000, Color.GRAY, Color.LTGRAY);
 8         renderer.getSeriesRendererAt(0).setDisplayChartValues(true);
 9         //renderer.getSeriesRendererAt(1).setDisplayChartValues(true);
10         renderer.setXLabels(0);//设置x轴上的下标数量
11         renderer.setYLabels(10); //设置y轴上的下标数量
12         renderer.setXLabelsAlign(Align.RIGHT);
13         renderer.setYLabelsAlign(Align.LEFT);//y轴 数字表示在坐标还是右边
14         renderer.setPanEnabled(false, false);//设置是否允许平移
15         renderer.addXTextLabel(2.0, "220kv电力线");//在指定坐标处显示文字
16         // renderer.clearXTextLabels();//清除 labels
17         //renderer.setZoomRate(1.1f);//设置放缩比
18         renderer.setBarSpacing(1f);// 设置柱状的间距
19         //renderer.setLabelsTextSize(30);//设置坐标轴上数字的大小
20         renderer.setXLabelsAngle(300.0f);//设置文字旋转角度 对文字顺时针旋转
21         renderer.setXLabelsPadding(10);//设置文字和轴的距离
22         renderer.setFitLegend(true);// 调整合适的位置

 1   protected XYMultipleSeriesRenderer buildBarRenderer(int[] colors) {
 2             XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();
 3             renderer.setAxisTitleTextSize(16);
 4             renderer.setChartTitleTextSize(20);
 5             renderer.setLabelsTextSize(15);
 6             renderer.setLegendTextSize(15);
 7             int length = colors.length;
 8             for (int i = 0; i < length; i++) {
 9                 SimpleSeriesRenderer r = new SimpleSeriesRenderer();
10                 r.setColor(colors[i]);
11                 renderer.addSeriesRenderer(r);
12             }
13             return renderer;
14         }

最后将graphicalView放入指定的layout里

1 layout=(LinearLayout)findViewById(R.id.linearlayout);
2 layout.removeAllViews();
3 layout.setBackgroundColor(Color.BLACK);
4 layout.addView(graphicalView, new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));

效果截图

时间: 2024-11-05 01:33:46

【Android】achartengine的柱状图和饼状图的使用的相关文章

前端数据统计用做Bootstrap的一些柱状图、饼状图和折线图案例

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷. Bootstrap 使用了一些 HTML5 元素和 CSS 属性.为了让这些正常工作,您需要使用 HTML5 文档类型(Doctype). 因此,请在使用 Bootstrap 项目的开头包含下面的代码段. <!DOCTYPE html> <html> .... </html> Bootstr

Android图表库MPAndroidChart(八)——饼状图的扩展:折线饼状图

Android图表库MPAndroidChart(八)--饼状图的扩展:折线饼状图 我们接着上文,饼状图的扩展,增加折现的说明,来看下我们要实现的效果 因为之前对MPAndroidChart的熟悉,所有我们就可以直接来实现了 一.基本实现 首先,就是我们的来看下他的定义布局 <com.github.mikephil.charting.charts.PieChart android:id="@+id/mPieChart" android:layout_width="mat

Android图表库MPAndroidChart(七)—饼状图可以再简单一点

Android图表库MPAndroidChart(七)-饼状图可以再简单一点 接上文,今天实现的是用的很多的,作用在统计上的饼状图,我们看下今天的效果 这个效果,我们实现,和之前一样的套路,我先来说下这个的应用场景,假设,我是一名小学老师,现在教务处让我设置一个图表,说明下我带的班级期末考试有多少人优秀,多少人及格和不及格等等,而这些呢,我已经算出来百分比了,只剩下画图了,那好,我们就来实现以下吧 一.基本实现 首先是我们的布局 <com.github.mikephil.charting.cha

使用 jfreechart 生成 曲线、柱状图、饼状图、分布图 展示到JSP

原文:使用 jfreechart 生成 曲线.柱状图.饼状图.分布图 展示到JSP 源代码下载地址:http://www.zuidaima.com/share/1550463634410496.htm 虽然现在JS做报表和图形展示已经非常普遍和漂亮了,但是不能忽略有jfreechart 这样一种东西! 这些翻阅资料,在看以前写的示例时发现了关于jfreechart 的简单示例,不管怎样发上来分享一下!

highcharts插件(HighCharts支持的图表类型有曲线图、区域图、柱状图、饼状图、散状点图和综合图表。)

1.兼容性:HighCharts采用纯JavaScript编写,兼容当今大部分的浏览器,包括Safari.IE和火狐等等: HighCharts的几种基本的官方图表示例(6张) 2.图表类型:HighCharts支持图表类型,包括曲线图.区域图.柱状图.饼状图.散状点图和综合图表等等,可以满足各种需求. 3.不受语言约束:HighCharts可以在大多数的WEB开发中使用,并且对个人用户免费,支持ASP,PHP,JAVA,.NET等多种语言中使用. 4.提示功能:HighCharts生成的图表中

曲线、柱状图、饼状图、分布图

原文:曲线.柱状图.饼状图.分布图 源代码下载地址:http://www.zuidaima.com/share/1550463664360448.htm 这篇分享,我主要想自己用, 在公司最近做funnel,biang客户 非要好看的报表,和各种钻取,他大爷的. 代码是开源的,可能大家没有听说过,不过我用这很顺手,2D 3D 效果都有.  源码截图:

FusionChart实现柱状图、饼状图的动态数据显示 附Demo

最近做的项目中需要用饼状图显示——'问卷调查'的统计结果(之前用过FusionChart做过柱状图的数据展示,那还是两年前的事了),在网上查了下FusionChart实现饼状图显示方面的资料,却发现资料都比较零散.不完整,或者说没有简洁明了的说清楚其用法,到FusionChart官网上去看,无奈是英文的,而且Deom项目太大,没有耐心去看,最后还是将以前的项目找出来,摸索着弄了下搞定,现将FusionChart实现柱状图.饼状图的动态数据显示的方法和经验写出来,希望对做web开发需要的朋友能有所

使用FusionCharts出柱状图和饼状图

在最近的项目中,需要使用出图,能够查看柱状图,饼状图等效果,刚开始我们用JS写的效果,发现效果不理想,找了一个JS插件发现效果还是不理想,客户也不满意,客户希望要很炫的效果,最后我们使用了FusionCharts. FusionCharts是一个Flash的图表组件,它可以用来制作数据动画图表,其中动画效果用的是Adobe Flash 8 (原Macromedia Flash的)制作的flash , FusionCharts可用于任何网页的脚本语言类似于HTML , .NET,ASP , JSP

iOS:使用贝塞尔曲线绘制图表(折线图、柱状图、饼状图)

1.介绍: UIBezierPath :画贝塞尔曲线的path类 UIBezierPath定义 : 贝赛尔曲线的每一个顶点都有两个控制点,用于控制在该顶点两侧的曲线的弧度. 曲线的定义有四个点:起始点.终止点(也称锚点)以及两个相互分离的中间点. 滑动两个中间点,贝塞尔曲线的形状会发生变化. UIBezierPath :对象是CGPathRef数据类型的封装,可以方便的让我们画出 矩形 . 椭圆 或者 直线和曲线的组合形状 初始化方法: + (instancetype)bezierPath; /