[android] 绘制统计图

最新推荐文章于 2024-06-15 19:15:07 发布
最新推荐文章于 2024-06-15 19:15:07 发布
阅读量2.4k 收藏
点赞数
分类专栏： Android

有几种可以利用的工具库：

- aChartEngine (http://code.google.com/p/achartengine/)

- Java4Less Charts for Android [ j4lChartAndroid.jar ]

(http://java4less.com/charts/chart.php?info=android)

- Chart4J (http://code.google.com/p/charts4j/)


- BlueChart (http://code.google.com/p/bluechart/)

- aiCharts (http://www.artfulbits.com/Android/aiCharts.aspx)

———————————————— 详细介绍 ——————————————————————————

- AChartEngine (http://code.google.com/p/achartengine/)


【 二维的。 aChartEngine的api 过于简单，支持的东西较少，但是可以进行缩放。】

aChartEngine 简称ACE ,是google为android应用设计的一个开源绘图库，它支持饼图、柱状图、折线图、

散点图、气泡图、短棒图、仪表图等多种图表。

（以下为转别人帖内容）

我想说的是不是如何去使用aChartEngine画图，而是想说说我碰到的问题。

以上是aChartEngine-6.0所有的类

利用 Android achartengine 实现统计图

如果你想X轴显示时间并且要画的长方形图的话，那么麻烦来了。X轴如果想要显示时间的话，要使用TimeChart，而TimeChart继承与 LineChart，也就是说，TimeChart只能显示线性的统计图。my god！这什么东西呀，做的也太不行了吧，我顿时就恼火了。那我X轴既要显示时间，又要显示长方形图怎么办？以下是我的解决方案。

如果想要显示长方形图，我们只能采用BarChart了，所以只能在它上面动手脚。

以下是我做的例子，供碰到同样的问题的鞋子们参考：

期望功能：以长方形图显示31天内的数据信息。

001import java.util.Calendar;
002import java.util.List;
003import java.util.Map;
004import java.util.TreeMap;
005import org.achartengine.ChartFactory;
006import org.achartengine.chart.BarChart.Type;
007import org.achartengine.model.CategorySeries;
008import org.achartengine.model.XYMultipleSeriesDataset;
009import org.achartengine.renderer.XYMultipleSeriesRenderer;
010import org.achartengine.renderer.XYSeriesRenderer;
011
012import android.content.Context;
013import android.content.Intent;
014import android.graphics.Color;
015
016public class Recent31DayActivity {
017
018private static Map
019
020
021
022<STRING, double="">
023
024
025
026map = new TreeMap
027
028
029
030<STRING, double="">
031
032
033
034();
035
036private static XYMultipleSeriesRenderer getBarDemoRenderer() {
037XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();
038renderer.setAxisTitleTextSize(12);
039renderer.setChartTitleTextSize(12);
040renderer.setLabelsTextSize(12);
041renderer.setLegendTextSize(12);
042renderer.setMargins(new int[] { 20, 30, 15, 0 });
043XYSeriesRenderer r = new XYSeriesRenderer();
044r.setColor(Color.RED);
045renderer.addSeriesRenderer(r);
046return renderer;
047}
048
049private static void setChartSettings(XYMultipleSeriesRenderer renderer) {
050renderer.setChartTitle("最近31天");
051renderer.setXTitle("时间-天");
052renderer.setYTitle("发电量(Kw/h)");
053renderer.setYAxisMin(0);
054renderer.setXAxisMin(0.5);
055renderer.setXAxisMax(12.5);
056renderer.setShowLegend(false);
057renderer.setShowLabels(true);
058renderer.setShowGrid(true);
059renderer.setXLabels(1);
060renderer.setDisplayChartValues(true);
061renderer.setBarSpacing(0.5);
062renderer.setBackgroundColor(Color.WHITE);
063}
064
065private static XYMultipleSeriesDataset getBarDataset(Context cxt) {
066XYMultipleSeriesDataset dataset = new XYMultipleSeriesDataset();
067CategorySeries series = new CategorySeries("最近31天");
068Calendar c = Calendar.getInstance();
069int month = c.get(Calendar.DAY_OF_MONTH)+1;
070int day =c.get(Calendar.DAY_OF_MONTH);
071map.put((month<10?("0"+month):month) + "-"
072+ (day<10?("0"+day):day), 0.0);
073for (int i = 0; i <= 30; i++) {
074c.add(Calendar.DAY_OF_YEAR, -1);
075day=c.get(Calendar.DAY_OF_MONTH);
076month=c.get(Calendar.MONTH) + 1;
077map.put((month<10?("0"+month):month) + "-"
078+ (day<10?("0"+day):day), 0.0);
079}
080
081//这里的list是我取出一个对象列表，自己可以找别的数据代替
082if (list != null && list.size() > 0) {
083for (int i = 0; i < list.size(); i++) {
084if (map.containsKey(key)) {
085map.put(key, min.getElectricalEnergy());
086}
087}
088}
089for (String key : map.keySet()) {
090series.add(key, Utils.getDoublePointTwo(map.get(key)));
091}
092dataset.addSeries(series.toXYSeries());
093return dataset;
094}
095
096public Intent Recent31DayActivity(Context context) {
097XYMultipleSeriesRenderer renderer = getBarDemoRenderer();
098setChartSettings(renderer);
099Intent intent = ChartFactory.getBarChartIntent(context,
100getBarDataset(context), renderer, Type.DEFAULT);
101int count = 1;
102//这里比较重要，这里手动给X轴填刻度。有多少条内容，你就要天多少个刻度，这样X轴就显示的是时间，也能显示出长方形图
103for (String key : map.keySet()) {
104renderer.addTextLabel(count, key);
105count++;
106}
107return intent;
108}
109}
110
111
112
113</STRING,>
114
115
116
117</STRING,>


利用 Android achartengine 实现统计图

- Java4Less Charts for Android [ j4lChartAndroid.jar ]

(http://java4less.com/charts/chart.php?info=android)

【 二维 & 三维，比较好看，但是如果屏幕分辨率很小的时候，不能进行缩放。】

J4LChart 提供了完整的Chart图表，从饼、线、柱等都一网打尽，使用也比较简单，

  Chart的式样可以从TXT文本中读取，当然，也可以在代码里修改，不过，用TXT文件读取，可以做成

  模板那样，想换就换.

示例1：

  1. package com.sun.lwuit.uidemo;
  2. import com.sun.lwuit.Command;
  3. import com.sun.lwuit.Form;
  4. import com.sun.lwuit.events.ActionEvent;
  5. import com.sun.lwuit.events.ActionListener;
  6. import com.java4less.rchart.Chart;
  7. import com.java4less.rchart.ChartLoader;
  8. import com.java4less.rchart.gc.GraphicsProvider;
  9. import com.java4less.rchart.lwuit.ChartViewer;
  10. import com.java4less.rchart.util.Formats;
  11. import com.sun.lwuit.Display;
  12. import com.sun.lwuit.animations.Transition3D;
  13. import com.sun.lwuit.geom.Dimension;
  14. import com.sun.lwuit.layouts.BorderLayout;
  15. import java.util.Date;


  18. public class ChartDemo implements ActionListener {
  19. public Form form = new Form("J4LChart");
  21. Display display;
  22. Command nextExample= new Command("Next");
  23. Command previousExample= new Command("Previous");
  24. ChartViewer chartCanvas;
  25. ChartLoader loader;

  27. String[] examples={"areaChart.txt","areaCurves.txt","axisOnTop.txt","barChart3D.txt","barChart3D.txt","barChart.txt",
  28. "barImages.txt","bubbleChart.txt","candleStick.txt","combined2Positions.txt","combinedChart.txt","event.txt","linechart3D.txt",
  29. "linechart.txt","linechartClipping.txt","linechartNULLS.txt","MultiAxis.txt","MultiCharts.txt","patternFilling.txt",
  30. "piechart3D.txt","PieDrillDown.txt","radarChart.txt","realtime.txt","scatterChart.txt","stackedBar.txt","StackedMultiAxis.txt",
  31. "subpie1.txt","subpie2.txt","subpie3.txt","targetZones.txt"};

  33. int currentExample=0;

  36. ChartDemo()
  37. {
  38. GraphicsProvider.setMode(GraphicsProvider.MODE_LWUIT);

  40. form.addCommand(previousExample);//上一个
  41. form.addCommand(nextExample);//下一个

  43. form.setCommandListener(this);
  44. chartCanvas=new ChartViewer();//chart视图
  45. chartCanvas.setPreferredSize(new Dimension(200,200));//设置大小
  46. loadChartFromFile("/txt/"+examples[currentExample]);//读取文本，设置chart
  47. form.setLayout(new BorderLayout());
  48. form.addComponent(BorderLayout.CENTER,chartCanvas);
  49. form.refreshTheme();
  50. }

  53. private void createRealtimedata(ChartLoader loader) {

  55. java.util.Date now=java.util.Calendar.getInstance().getTime();
  56. loader.setParameter("XAXIS_INITIAL_DATE",Formats.formatDate(now,"dd/MM/yyyy hh:mm:ss"));
  57. // create random data based on the time
  58. java.util.Calendar cal=java.util.Calendar.getInstance();
  59. String data1="";
  60. String data2="";
  61. for (int i=0;i<9;i++) {
  62. cal.setTime(new Date(cal.getTime().getTime()-2000));
  63. if (data1.length()>0) data1="|" + data1;
  64. data1=""+cal.get(java.util.Calendar.SECOND)+ data1;
  65. if (data2.length()>0) data2="|" + data2;
  66. data2=""+(cal.get(java.util.Calendar.SECOND)/6)+ data2;
  67. }

  69. loader.setParameter("SERIE_DATA_1",data1);
  70. loader.setParameter("SERIE_DATA_2",data2);

  72. }
  74. public void loadChartFromFile(String filename) {
  75. ChartLoader cha=new ChartLoader();
  76. cha.loadFromFile(this.getClass().getResourceAsStream(filename),true);//读取文本
  77. //this.loader=cha;
  78. //********设置Chart数值
  79. //createRealtimedata(cha);
  80. //********设置Chart数值
  81. Chart c=cha.build(false,false);//建立chart
  82. chartCanvas.setChart(c);
  83. chartCanvas.getChart().setSize(chartCanvas.getWidth(),chartCanvas.getHeight());
  84. chartCanvas.repaintChart();
  85. form.setTitle(filename);
  86. }

  88. public void actionPerformed(ActionEvent arg0) {
  89. if(arg0.getCommand()==nextExample)//读取上一个chart(TXT文本)
  90. {
  91. chartCanvas.getChart().stopUpdater();
  92. currentExample++;
  93. if(currentExample>=examples.length-1)
  94. currentExample=0;
  95. form.replace(chartCanvas, chartCanvas,Transition3D.createRotation(500, true));
  96. loadChartFromFile("/txt/"+examples[currentExample]);
  98. }
  99. else if(arg0.getCommand()==previousExample)//读取下一个chart(TXT文本)
  100. {
  101. chartCanvas.getChart().stopUpdater();
  102. currentExample--;
  103. if(currentExample<=0)
  104. currentExample=examples.length-1;
  105. form.replace(chartCanvas, chartCanvas,Transition3D.createRotation(500, false));
  106. loadChartFromFile("/txt/"+examples[currentExample]);

  108. }
  109. }
  110. }

示例2：用j4lChartAndroid实现3D图饼

　

　这几天在网上找了一些关于3D图饼的文章，做了一个小例子，废话不多说，开始讲解代码

  1. 先生成一个图饼对象
复制代码 
　　　　　//new出来一个图饼的对象， 参数简介1.所占的比例 2.颜色 3.是否分组（是否种其他的块是分开的） 4.文字介绍
PieDataSerie pds = new PieDataSerie(chart_scale, chart_color, chart_group, chart_lable);
 //设置label的样式
pds.valueFont = GraphicsProvider.getFont("Arial", ChartFont.PLAIN, 14);
 //设置label到中心的距离
pds.textDistanceToCenter = 1.6;
复制代码

  2.生成一个标题对象

 //设置图饼的标题
Title title = new Title("理财账户");

  3.开始绘图

复制代码 
 //开始绘图
PiePlotter pp = new PiePlotter();
 //设置3D效果为true
pp.effect3D = true;
 //设置边框
pp.border = new LineStyle(1,GraphicsProvider.getColor(ChartColor.BLACK),LineStyle.LINE_NORMAL);
 //设置label的格式（#PERCENTAGE#，#VALUE#,#LABEL#）什么也不想显示的话直接“ ”里面有一个空格就可以了
pp.labelFormat = "#PERCENTAGE#";
 //设置半径
pp.radiusModifier = 3.2;
 //设置块与块之间的间隔
pp.space = 10;
 //设置label到块之间的线的样式
pp.labelLine = new LineStyle(1,GraphicsProvider.getColor(ChartColor.BLACK),LineStyle.LINE_NORMAL);
复制代码

    4.设置图饼旁边的文字解说的样式

 //生成一个对象
Legend legend = new Legend();
 //因为我这里不需要解说，所以设置它为" ",中间有空格，没有空格的话，会出现多余的文字
legend.legendLabel=" ";

    5.

复制代码 
 //new一个图表对象，用来存放生成的图饼
com.java4less.rchart.Chart chart = new com.java4less.rchart.Chart(title, pp, null, null);
chart.layout = com.java4less.rchart.Chart.LAYOUT_LEGEND_TOP;
chart.back = new FillStyle(GraphicsProvider.getColor(ChartColor.WHITE));
chart.topMargin = 0.1;
chart.bottomMargin = 0.4; 
chart.leftMargin =0.1;
chart.legend = legend;
chart.setHeight(200);
chart.setWidth(width);
chart.addSerie(pds);
复制代码

  6.

 LinearLayout l = (LinearLayout) this.findViewById(R.id.chart);
ChartPanel chart = new ChartPanel(this);
chart.setChart(getChart());
l.addView(chart);

　　好了，就这样的成了。最后再来张图


原创作品，转载请注明出处：转载自道痕

- aiCharts (http://www.artfulbits.com/Android/aiCharts.aspx)

aiCharts 做的比较好，基本达到了.net中Chart控件的水平，可是要收费。用试用版的话，要带个试用的标记

glen1943
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
android 统计图软件,Android统计图的绘制（ MPChartLib 的使用）
weixin_29024675的博客
06-03 1087
最近一直在研究Android 图形块的内容，绘制统计图肯定是要去学的；在自己写之前，首先要借鉴下别人写的；先学学别人的；我把对MPChartLib 的使用总结一下；先上效果图 统计图我们大可以从2点来思考：a、坐标轴b、数据现在来分别看一下1、柱形统计图返回 条形统计图需要展示的数据；这个可以自己选择；/** * *@return 折线统计图的数据 */public LineData getLi...
Android achartengine统计图
热门推荐
closewbq的专栏
07-07 1万+
最近在安卓2.2上写个实时的监控程序，要用到统计图。从网上搜了下Java4Less (http://java4less.com/charts/chart.php?info=android)     - Chart4J (http://code.google.com/p/chart
Android -丰富多彩的统计图案例
08-22
android-丰富多彩的图形界面，常用的扇形，条形，折线
android studio 统计图生成app（柱状图/折线图/饼图/折线柱状结合图）
03-29
android studio 统计图生成app（柱状图/折线图/饼图/折线柱状结合图）从数据库中读取数据生成统计图
Android实现统计图——条形图和折线图
最新发布
2201_75488282的博客
06-15 1767
通过这样的方式，你可以绘制两条不同颜色的折线，并且不会填充它们围起来的空间。你可以根据需要调整数据点和其他属性，以适应你的具体需求。这样，当用户点击某个月份的柱条时，会在柱条上方显示所需的提示信息。对象，一个用于绘制文本，另一个用于绘制线条，分别设置了它们的颜色、文本大小、对齐方式、样式和线宽。当鼠标悬停在某个月份的折线上时，会在折线上方显示相应的提示信息。为了实现绘制两条不同颜色的折线，并且确保它们围起来的空间不被填充，在。这意味着只绘制线条的轮廓，而不是填充线条内部。绘制的所有线条都会是黑色的。
android各种统计图表
01-26
资源里面有三个demo，一个是achartengine官方的，最开始我在网上找了很多这个官方demo，因为版本问题不能用，最后才找到这个可以用的是1.1.0版本的。还有两个一个demo是讲的他的应用，里面都有注释。在自己的demo里面加了仿excel表格的统计表，其实就是一个可以水平滑动的gridview比较好用。有什么异议的话，可以给我评论。
Android使用Echats实现统计图
08-29
Android使用Echats实现统计图.代码通俗易懂。适合入门
Android统计图
03-23
使用canvas绘制的统计图，包含柱状图、折线图、饼状图。
Android环形统计图 自定义控件
06-08
Android环形统计图 既能展示百分比，又能展示描述文字，且从环上拉出一条线出去进行展示，并且有颜色区分； int[] data = {100,20,9,71}; String[] text = {"红色","黄色","蓝色","绿色"}; String[] colors = {"#ff...
Android编程实现canvas绘制柱状统计图功能【自动计算宽高及分度值、可左右滑动】
01-05
本文实例讲述了Android编程实现canvas绘制柱状统计图功能。分享给大家供大家参考，具体如下： 这里实现了一个简单的柱状统计图，如下：   特点： 1.根据数据源自动计算每个条目的高度、宽度、间距，自动计算分度值...
Android:自定义组件绘制饼状统计图
01-22
本资源为Android-自定义组件绘制饼状统计图的demo。对应博文：http://blog.csdn.net/books1958/article/details/42264599
Android应用源码强大的统计图表库.zip
12-16
源码参考，欢迎下载
Android 多种统计图表
03-16
这是一款集合多种统计图表的源码，做过Web的人都知道JfreeChart这个统计图处理插件，这个Demo就是一个Android平台的JfreeChart，当然，可能简单一些。供大家交流。希望能对大家有所帮助。   
强大的统计图表库
08-05
achartengine是个不错的数据统计图组件，可以轻松绘制各类统计图表， 线图 面积图 散点图 时间图 条图 饼图 气泡图 圆环图 条形图范围（高至低） 立方线图
3D柱状统计图，支持旋转功能
10-07
小可写的一个根据XML数据、动态生成3维立体柱状统计图的程序，除一般功能外还支持视角旋转。目前还有一点问题
chart4j和android融合使用（7种报表）
06-12
需要用Android做报表，懒习惯了，从网上下个现成Web控件（无穷尽量，选中了Chart.js，又小又漂亮）的直接结合到android里，方便
Android自定义统计图(柱状图，折线图，饼状图)
u014386474的博客
08-17 1172
最近由于项目需要，研究了一些统计图的做法，开始时，看了很多博文，大部分都是引用第三方的库，虽然简单， 易上手，但是功能太死板，有很多要求都是不能满足的，所以经过研究，自己使用View中的canvas重新绘图制作 统计图。首先上几张的效果图吧。       点击这里下载（0分下载）   一、demo的结构 一个activity中嵌套了三个
android中怎么画统计图
三石的专栏
07-01 3295
首先需要看图片，看过图片的才有发言权。 效果就是这样的，画的效果还是不错的，能用的请收藏。 首先，画折现统计图，画折线统计图的的代码如下。 public class TestLineChartView extends View { private boolean noTitle; private float marginLeft;/
android 机型 统计表,Android统计图表MPAndroidChart
weixin_36389468的博客
06-03 582
Android统计图表MPAndroidChartMPAndroidChart是在Android平台上开源的第三方统计图表库。能够绘制样式复杂、丰富的各种统计图表，如一般常见的折线图、饼状图、柱状图、散点图、金融股票中使用的的“蜡烛”图、“泡泡”统计图、雷达状统计饼状图等等。简言之。AndroidMPChart基本上能够满足日常在Android平台上的统计图表开发须要。AndroidMPCha...
Android自定义View：扇形统计图绘制教程
"Android自定义View——扇形统计图的实现代码" 在Android开发中，自定义View是实现特定图形或交互效果的重要手段。本文将介绍如何实现一个扇形统计图，该图可以用于展示数据分布，尤其适用于展示多个分类数据的比例...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值