Android AChartEngine

此文为转载,非本人原创,尊重原创

最近一段时间完成“体重记录”的功能,需要实现日历和曲线的效果。也花费不少精力吧,这里就先把曲线的实现分享出来,俗话说的好:“好记忆不如烂笔头”!

AChartEngine是什么?

AChartEngine是一个android应用的图表库,他支持一些常见的一些图表,如线状图,区域图,散点图,时间图,柱状图,饼状图,气泡图等。当然这次只用到了线状图。项目地址在http://code.google.com/p/achartengine/

下面先看下这次项目中实现的效果吧:

技术分享

实现

总的来说,AChartEngine提供的api还是很全的,使用起来是很方便的,但是唯一的缺点就是api文档描述的不够详细,很多自己想要的效果都只能自己根据api的命名去推测,更有甚者得必须自己亲自一点点尝试才能实现出自己想要的效果,为了以后用到,这次也在代码中用到的接口表明了清晰的注释,废话不多说,直接上代码。

  1 public class WeightCurveActivity extends ActivityBase {
  2 
  3     static final String TAG = WeightCurveActivity.class.getName();
  4 
  5     private LinearLayout rootLayout;
  6     private XYMultipleSeriesRenderer mRenderer;
  7     private XYMultipleSeriesDataset mDataset = new XYMultipleSeriesDataset();
  8     
  9     private int month;
 10     private Date date;
 11     private ArrayList<WeightRecord> records;
 12     private double[] xValues;
 13     private double[] yValues;
 14 
 15     public void onCreate(Bundle outState) {
 16         super.onCreate(outState);
 17         setContentView(R.layout.weight_curve);
 18         
 19         handleIntent();
 20         initRender();
 21         initData();
 22         initUI();
 23     }
 24     
 25     private void handleIntent() {
 26         String dateString = getIntent().getStringExtra(Const.DATE);
 27         date = DateHelper.parseString(dateString);
 28     }
 29     
 30     private void initRender() {
 31         mRenderer = buildRenderer();
 32         setChartSettings(0, 31, 30, 120);
 33     }
 34     
 35     private void initData() {
 36         month = DateHelper.getMonth(date);
 37         WeightRecordDao dao = new WeightRecordDao(this);
 38         records = dao.getMonthLists(date);
 39         Helper.showLog(TAG, records.size());
 40         dao.closeDB();
 41         initValues();
 42     }
 43     
 44     private void initValues() {
 45         int count = records.size();
 46         if (count > 0) {
 47             xValues = new double[count];
 48             yValues = new double[count];
 49             for (int i = 0; i < count; i ++) {
 50                 WeightRecord record = records.get(i);
 51                 xValues[i] = DateHelper.getDay(record.record_on);
 52                 yValues[i] = (Math.round(record.weight * 10) / 10.0);
 53             }
 54             setXLabel();
 55         }
 56     }
 57     
 58     private void initUI() {
 59         addXYSeries(0);
 60 
 61         rootLayout = (LinearLayout) findViewById(R.id.root);
 62         View view = ChartFactory.getLineChartView(this, mDataset, mRenderer);
 63         rootLayout.addView(view);
 64     }
 65     
 66     private void setXLabel() {
 67         mRenderer.setXLabels(0); // 设置X轴标签不显示
 68         int length = xValues.length;
 69         for (int i = 0; i < length; i++) {
 70             mRenderer.addXTextLabel(i * 3 + 1, month + "/" + (int)xValues[i]);
 71         }
 72     }
 73     
 74     private XYMultipleSeriesRenderer buildRenderer() {
 75         XYMultipleSeriesRenderer renderer = new XYMultipleSeriesRenderer();
 76         renderer.setAxisTitleTextSize(16); // 设置坐标轴字体大小
 77         renderer.setChartTitleTextSize(20); // 设置标题大小
 78         renderer.setLabelsTextSize(20); // 设置标签字体大小
 79         renderer.setLegendTextSize(15); // 设置底部曲线说明字体大小
 80         renderer.setShowGridX(true); // 设置X方向表格显示
 81         renderer.setShowLegend(false); // 设置底部曲线说明显示
 82         renderer.setGridColor(Color.LTGRAY); // 设置表格颜色
 83         renderer.setPointSize(5f);
 84         renderer.setMargins(new int[] { 30, 40, 10, 30 });
 85         renderer.setPanEnabled(true, false); // 设置曲线可滑动
 86 
 87         renderer.setApplyBackgroundColor(true); // 设置图表背景
 88         renderer.setBackgroundColor(Color.TRANSPARENT);
 89 
 90         renderer.setChartTitle("体重曲线");
 91         renderer.setXTitle("日期");
 92         renderer.setYTitle("体重");
 93 
 94         renderer.setXLabelsColor(getResources().getColor(
 95                 R.color.main_font_color));
 96         renderer.setXLabelsAlign(Align.CENTER);
 97         renderer.setXLabelsPadding(5);
 98         renderer.setYLabelsColor(0,
 99                 getResources().getColor(R.color.main_font_color));
100         renderer.setYLabelsPadding(5);
101         renderer.setYLabelsAlign(Align.RIGHT);
102 
103         renderer.setAxesColor(Color.GRAY); // 设置坐标轴颜色
104         renderer.setMarginsColor(getResources().getColor(R.color.main_bg_color)); // 设置图表周围颜色
105         
106         renderer.setLabelsColor(Color.GRAY); // 设置标签颜色
107         
108         XYSeriesRenderer r = new XYSeriesRenderer();
109         r.setColor(getResources().getColor(R.color.stress_font_color));
110         r.setFillPoints(true);
111         r.setPointStyle(PointStyle.CIRCLE);
112         renderer.addSeriesRenderer(r);
113         r.setDisplayChartValues(true); // 设置显示图表值
114         r.setDisplayChartValuesDistance(1);
115         r.setChartValuesTextSize(16);
116         r.setChartValuesSpacing(10);
117         r.setHighlighted(true);
118         return renderer;
119     }
120 
121     private void setChartSettings(double xMin, double xMax, double yMin,
122             double yMax) {
123         mRenderer.setXAxisMin(xMin); // 设置X轴最小值
124         mRenderer.setXAxisMax(xMax); // 设置X轴最大值
125         mRenderer.setYAxisMin(yMin); // 设置Y轴最小值
126         mRenderer.setYAxisMax(yMax); // 设置Y轴最大值
127     }
128 
129     private void addXYSeries(int scale) {
130         XYSeries series = new XYSeries("", scale);
131         if (records.size() > 0) {
132             int seriesLength = xValues.length;
133             for (int k = 0; k < seriesLength; k++) {
134                 series.add(k * 3 + 1, yValues[k]);
135             }
136         }
137         mDataset.addSeries(series);
138     }
139 }

现在看来代码倒是很简单,但是为了实现现在这个样子,当初费了不少精力来一步步尝试。当然AChartEngine能实现的不止这些,可以充分发挥自己的想象力与创造力,实现更加复杂的效果与功能。

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。