各种曲线、折线图的使用

在正在进行的项目中，需要用到折线图来展示数据，于是看大神就使用了github用户现有的源码，我们直接填充数据即可

首先再一看布局文件

<lecho.lib.hellocharts.view.LineChartView
    android:id="@+id/chart_top"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_weight="1"
    android:paddingRight="10dp"
    android:background="@color/colorPrimary"
  />

再是获取数据填充

//初始化 
@ViewInject(R.id.chart_top)
    private LineChartView chartTop;
//这是从接口中获取数据   
 HttpHelper.post(this, UrlConfig.trendStat, parm, new HttpHelper.Ok() {
            @Override
            public void success(String str) {
                object=JSON.parseObject(str);
                JSONArray jlistX = object.getJSONArray("xdata");
                JSONArray jlistY=object.getJSONArray("ydata");
                xdata=new String[jlistX.size()];
                ydata=new String[jlistY.size()];
                maxValueY=0;
                for (int i=0;i<jlistX.size();i++){
                    String x=jlistX.getString(i);
                    String y=jlistY.getString(i);
                    int temp=Integer.valueOf(jlistY.getString(i));
                    if (temp>maxValueY){
                        maxValueY=temp;
                    }
                    xdata[i]=x;
                    ydata[i]=y;
                }
                generateInitialLineData();
                generateColumnData();
                chartTop.setZoomLevel(0,0,(xdata.length/4)+1);
                // Cancel last animation if not finished.
                chartTop.cancelDataAnimation();
                // Start new data animation with 300ms duration;
                chartTop.startDataAnimation(300);
            }

            @Override
            public void complete(String str) {

            }
        });
//数据填充
private void generateInitialLineData() {
        int numValues = xdata.length;
        if (numValues<7){
            numValues=7;
        }
        List<AxisValue> axisValues = new ArrayList<AxisValue>();
        List<PointValue> values = new ArrayList<PointValue>();
        for (int i = 0; i < numValues; ++i) {
            if (i>=xdata.length){
                axisValues.add(new AxisValue(i).setLabel(""));
            }else {
                values.add(new PointValue(i,Float.valueOf(ydata[i])));
                axisValues.add(new AxisValue(i).setLabel(xdata[i]));
            }

        }
        Line line = new Line(values);
        line.setColor(ChartUtils.DEFAULT_Line_COLOR).setCubic(true);
        line.setPointColor(ChartUtils.DEFAULT_COLOR);
        line.setFilled(true);
        line.setHasGradientToTransparent(true);
//        line.setStrokeWidth(1);
//        line.setPathEffect(new DashPathEffect(new float[] { 1, 1, 1, 1}, 0));
        List<Line> lines = new ArrayList<Line>();
        lines.add(line);

        lineData = new LineChartData(lines);
        lineData.setAxisXBottom(new Axis(axisValues).setHasLines(true).setLineColor(ChartUtils.DEFAULT_COLOR_EEE).setTextSize(9));
        lineData.setAxisYLeft(new Axis().setHasLines(true).setMaxLabelChars(4).setLineColor(ChartUtils.DEFAULT_COLOR_EEE).setAutoGenerated(false).setValues(getYAxisMax(maxValueY)));

        chartTop.setLineChartData(lineData);

        // For build-up animation you have to disable viewport recalculation.
        chartTop.setViewportCalculationEnabled(false);

        // And set initial max viewport and current viewport- remember to set viewports after data.
        Viewport v = new Viewport(0,getYAxisMax(maxValueY).get(10).getValue(), numValues-1, 0);
        chartTop.setMaximumViewport(v);
        chartTop.setCurrentViewport(v);

        chartTop.setZoomType(ZoomType.HORIZONTAL);
    }
    //根据y坐标最大值 动态调整y轴刻度
    private List<AxisValue> getYAxisMax(int num) {
        if (num==0){num=1;}
        List<AxisValue> list=new ArrayList<>();
        String numStr=num+"";
        int mi=numStr.length()-1;
        float temp_f=num/10;
        while (temp_f>1){
            temp_f=temp_f/10;
        }
        if (temp_f==1){
            mi=mi-1;
        }
        for (int i=0;i<11;i++){
            AxisValue value1=new AxisValue((float) (i*Math.pow(10,mi)));
            list.add(value1);
        }
        return list;
    }

    private void generateColumnData() {

        int numSubcolumns = 1;
        int numColumns = ydata.length;

        List<AxisValue> axisValues = new ArrayList<AxisValue>();
        List<Column> columns = new ArrayList<Column>();
        List<SubcolumnValue> values;
        for (int i = 0; i < numColumns; ++i) {

            values = new ArrayList<SubcolumnValue>();
            for (int j = 0; j < numSubcolumns; ++j) {
                values.add(new SubcolumnValue((float) Math.random() * 50f + 5, ChartUtils.pickColor()));
            }

            axisValues.add(new AxisValue(i).setLabel(ydata[i]));

            columns.add(new Column(values).setHasLabelsOnlyForSelected(true));
        }

        columnData = new ColumnChartData(columns);

        columnData.setAxisXBottom(new Axis(axisValues).setHasLines(true));
        columnData.setAxisYLeft(new Axis().setHasLines(true).setMaxLabelChars(2));
    }
    private void generateLineData(int color, float range) {
        // Cancel last animation if not finished.
        chartTop.cancelDataAnimation();

        // Modify data targets
        Line line = lineData.getLines().get(0);// For this example there is always only one line.
        line.setColor(color);
        for (PointValue value : line.getValues()) {
            // Change target only for Y value.
            value.setTarget(value.getX(), (float) Math.random() * range);
        }

        // Start new data animation with 300ms duration;
        chartTop.startDataAnimation(300);
    }

至于LineChartView，从大神哪里直接拿来使用了，详细大家可参照下面的链接

https://github.com/lecho/hellocharts-android中