Android开发进阶系列（十） 玩转AChartEngine专题（下）

第二个项目是电力数据实时监测相关的，数据就不是从本机上读取了，而是连接到服务器与后台数据库交互。下面是三个界面对应的三种不同的显示需求：

1. 实时往前推的柱状图

初始化代码：

    //画曲线    private View InitRenderer() {        /*  achartengine-1.1.0         *          */             // 设置Renderer        renderer = new XYMultipleSeriesRenderer();        renderer.setAxisTitleTextSize(16);        renderer.setChartTitleTextSize(20);        renderer.setLabelsTextSize(15);        renderer.setLegendTextSize(15);        renderer.setPointSize(5f);        renderer.setMargins(new int[] { 0, 0, 0,0 });        renderer.setMarginsColor(0xff307B63); // 外部颜色，X轴坐标        renderer.setBackgroundColor(0xff41968D); // 内部底色        renderer.setApplyBackgroundColor(true); //内部底色        // Color 和 Point Style        XYSeriesRenderer r = new XYSeriesRenderer();        r.setColor(0xffEDEDED);        r.setPointStyle(PointStyle.POINT); // 点的形状        r.setFillPoints(true); // 实心点        r.setDisplayChartValues(false);// 设置不显示数值        renderer.addSeriesRenderer(r);        // Chart Settings        renderer.setChartTitle(""); // 不显示Title        renderer.setXTitle("");        renderer.setYTitle("");        //renderer.setXAxisMin(0);        renderer.setXAxisMax(barDataCount);        renderer.setYAxisMin(0);        //renderer.setYAxisMax(10);        renderer.setXLabelsColor(Color.WHITE);        renderer.setAxesColor(Color.WHITE);        renderer.setLabelsColor(Color.WHITE);        //        renderer.setXLabels(0); //设置x轴显示刻度标签的个数,根据setChartSettings的最大值和最小值自动计算点的间隔          renderer.setYLabels(5); //设置y轴显示5个点,根据setChartSettings的最大值和最小值自动计算点的间隔          renderer.setShowGrid(false); //是否显示网格        renderer.setXLabelsAlign(Align.LEFT); //刻度线与刻度标注之间的相对位置关系        renderer.setYLabelsAlign(Align.LEFT); //刻度线与刻度标注之间的相对位置关系        renderer.setPanEnabled(false);        renderer.setZoomEnabled(false);        renderer.setZoomButtonsVisible(false); // 滑动和放大缩小        renderer.setClickEnabled(false); // 不允许点击        renderer.setShowLegend(false); // 不显示图例        renderer.setShowAxes(false); // 是否显示坐标轴的轴线        renderer.setShowLabels(false); // 是否显示坐标轴区域，包括轴线和坐标值        //renderer.setMargins(new int[]{0,10,0,10});//上,左,下,右的边距        renderer.setBarSpacing(0.2f); // BarChart的条状间距        renderer.setBarWidth(5.0f); // barchart的宽度        // DataSet 初始化        FusionField.realtotaldata = new XYMultipleSeriesDataset();        SetDataSeries();        //View view = ChartFactory.getLineChartView(this, FusionField.realtotaldata, renderer);        View view = ChartFactory.getBarChartView(this, FusionField.realtotaldata, renderer, Type.DEFAULT); // 柱状图需要设置        //View view = ChartFactory.getCubeLineChartView(this, FusionField.dataset, renderer, 0.3f);//0.3f标示曲线的平滑度        return view;    }

更新数据的代码：

private void SetDataSeries() {        XYSeries series = new XYSeries("实时总功率");        for (int k = 0; k < barDataCount; k++) {            series.add(k, FusionField.total20RealPower[k]);         }        FusionField.realtotaldata.addSeries(series);    }    private void UpdateDataSeries() {        XYSeries series = (XYSeries) FusionField.realtotaldata.getSeries()[0];        if(series!=null) {            series.clear();            for (int k = 0; k < barDataCount; k++) {                series.add(k, FusionField.total20RealPower[k]);            }        } else            SetDataSeries();    }

2. 实时往后更新的曲线图

初始化代码：

    //画曲线    private View InitRenderer() {        /*  achartengine-1.1.0         *          */             // X轴数据        long now = Math.round(new Date().getTime() / DAY) * DAY - ZONEGAP; // 今日0点，-ZONEGAP是减去8小时时差        dates = new Date[COUNT5MINUTES];        for (int i = 0; i < COUNT5MINUTES; i++) {            dates[i] = new Date(now + i * MINUTE5);        }        // 设置Renderer        renderer = new XYMultipleSeriesRenderer();        renderer.setAxisTitleTextSize(16);        renderer.setChartTitleTextSize(20);        renderer.setLabelsTextSize(15);        renderer.setLegendTextSize(15);        renderer.setPointSize(5f);        renderer.setMargins(new int[] { 0, 0, 0,0 });        renderer.setMarginsColor(0xff307B63); // 外部颜色，X轴坐标        renderer.setBackgroundColor(0xff41968D); // 内部底色        renderer.setApplyBackgroundColor(true); //内部底色        // Color 和 Point Style        XYSeriesRenderer r = new XYSeriesRenderer();        r.setColor(Color.WHITE);        r.setPointStyle(PointStyle.POINT); // 点的形状        r.setFillPoints(true); // 实心点        r.setDisplayChartValues(true);// 设置显示数值        r.setLineWidth(3);                  renderer.addSeriesRenderer(r);        // Chart Settings        renderer.setChartTitle("总功率"); // 不显示Title        renderer.setXTitle("");        renderer.setYTitle("");        renderer.setXAxisMin(dates[0].getTime());        renderer.setXAxisMax(dates[COUNT5MINUTES - 1].getTime());        renderer.setYAxisMin(0);        //renderer.setYAxisMax(10);        renderer.setXLabelsColor(Color.WHITE);        renderer.setAxesColor(Color.WHITE);        renderer.setLabelsColor(Color.GREEN);        //        renderer.setXLabels(12); //设置x轴显示12个点,根据setChartSettings的最大值和最小值自动计算点的间隔          renderer.setYLabels(5); //设置y轴显示10个点,根据setChartSettings的最大值和最小值自动计算点的间隔          renderer.setShowGrid(false); //是否显示网格        renderer.setXLabelsAlign(Align.LEFT); //刻度线与刻度标注之间的相对位置关系        renderer.setYLabelsAlign(Align.RIGHT); //刻度线与刻度标注之间的相对位置关系        renderer.setPanEnabled(false);        renderer.setZoomEnabled(false);        renderer.setZoomButtonsVisible(false); // 滑动和放大缩小        renderer.setClickEnabled(true); // 不允许点击        renderer.setShowLegend(false); // 不显示图例        renderer.setShowAxes(false);        //renderer.setShowLabels(false);        // DataSet 初始化        FusionField.dataset = new XYMultipleSeriesDataset();        SetDataSeries();        View view = ChartFactory.getTimeChartView(this, FusionField.dataset, renderer, "H:mm");        //View view = ChartFactory.getBarChartView(this, FusionField.dataset, renderer, Type.DEFAULT); // 柱状图需要设置        //View view = ChartFactory.getCubeLineChartView(this, FusionField.dataset, renderer, 0.3f);//0.3f标示曲线的平滑度        return view;      }

数据更新的代码：

    private void SetDataSeries() {        TimeSeries series = new TimeSeries("实时总功率");        int seriesLength = dates.length;        for (int k = 0; k < seriesLength; k++) {            //series.add(dates[k], FusionField.realPower[k]);             series.add(dates[k], MathHelper.NULL_VALUE);          }        FusionField.dataset.addSeries(series);    }    private void UpdateDataSeries() {        TimeSeries series = (TimeSeries) FusionField.dataset.getSeries()[0];        if(series!=null) {            series.clear();            int seriesLength = dates.length;            for (int k = 0; k < seriesLength; k++) {                series.add(dates[k], FusionField.realPower[k]);            }        } else            SetDataSeries();    }

全屏折线图

在这张图上，显示了放大缩小按钮，也支持手势放大缩小操作。

初始化代码：

private View InitRenderer() {        /*  achartengine-1.1.0         *          */        // X轴数据        long now = Math.round(new Date().getTime() / DAY) * DAY - ZONEGAP; // 今日0点，-ZONEGAP是减去8小时时差        dates = new Date[COUNT5MINUTES];        for (int i = 0; i < COUNT5MINUTES; i++) {            dates[i] = new Date(now + i * MINUTE5);        }        // 设置Renderer        renderer = new XYMultipleSeriesRenderer();        renderer.setAxisTitleTextSize(16);        renderer.setChartTitleTextSize(20);        renderer.setLabelsTextSize(15);        //renderer.setLegendTextSize(15);        renderer.setPointSize(5f);        renderer.setMargins(new int[] { 20, 50, 15, 20 });        // Color 和 Point Style        XYSeriesRenderer r = new XYSeriesRenderer();        r.setColor(Color.GREEN);        r.setPointStyle(PointStyle.POINT); // 点的形状        r.setFillPoints(true); // 实心点        r.setDisplayChartValues(true);// 设置显示数值        renderer.addSeriesRenderer(r);        // Chart Settings        renderer.setChartTitle(""); // 不显示Title        renderer.setXTitle("时间");        renderer.setYTitle("kW");        renderer.setXAxisMin(dates[0].getTime());        renderer.setXAxisMax(dates[COUNT5MINUTES - 1].getTime());        renderer.setYAxisMin(0);        //renderer.setYAxisMax(10);        renderer.setAxesColor(Color.WHITE);        renderer.setLabelsColor(Color.WHITE);        renderer.setZoomButtonsVisible(true);        //        renderer.setXLabels(24); //设置x轴显示12个点,根据setChartSettings的最大值和最小值自动计算点的间隔          renderer.setYLabels(10); //设置y轴显示10个点,根据setChartSettings的最大值和最小值自动计算点的间隔          renderer.setShowGrid(true); //是否显示网格        renderer.setXLabelsAlign(Align.CENTER); //刻度线与刻度标注之间的相对位置关系        renderer.setYLabelsAlign(Align.RIGHT); //刻度线与刻度标注之间的相对位置关系        //renderer.setPanLimits(new double[] { 0, 0, 0, MathHelper.NULL_VALUE }); //设置拖动时X轴Y轴允许的最大值最小值.          //renderer.setZoomLimits(new double[] {  0, 0, 0, MathHelper.NULL_VALUE });//设置放大缩小时X轴Y轴允许的最大最小值.        renderer.setShowLegend(false); // 不显示图例        // DataSet 初始化        FusionField.dataset = new XYMultipleSeriesDataset();        SetDataSeries();        View view = ChartFactory.getTimeChartView(this, FusionField.dataset, renderer, "H:mm");        //View view = ChartFactory.getCubeLineChartView(this, FusionField.dataset, renderer, 0.3f);//0.3f标示曲线的平滑度        return view;    }

数据更新代码：

    private void SetDataSeries() {        TimeSeries series = new TimeSeries(title);        int seriesLength = dates.length;        for (int k = 0; k < seriesLength; k++) {            series.add(dates[k], FusionField.realPower[k]);        }        FusionField.dataset.addSeries(series);    }    private void UpdateDataSeries() {        TimeSeries series = (TimeSeries) FusionField.dataset.getSeries()[0];        if(series!=null) {            series.clear();            int seriesLength = dates.length;            for (int k = 0; k < seriesLength; k++) {                series.add(dates[k], FusionField.realPower[k]);            }        } else            SetDataSeries();    }

• * Android开发进阶系列（一） 序言 *
• * Android开发进阶系列（二） Tab页界面布局 *
• * Android开发进阶系列（三） 系统参数的获取和Broadcast *
• * Android开发进阶系列（四） 左移拉出Menu菜单界面布局 *
• * Android开发进阶系列（五） 连接服务器更新APK或下载资源文件 *
• * Android开发进阶系列（六） ListView的基本用法 *
• * Android开发进阶系列（七） 使用数据库 *
• * Android开发进阶系列（八） 界面美化之自定义弹出框 *
• * Android开发进阶系列（九） 玩转AChartEngine专题（上） *
• * Android开发进阶系列（十） 玩转AChartEngine专题（下） *