HelloChart--LineChartView(折线图)

在XML中的定义:


        <lecho.lib.hellocharts.view.LineChartView


            android:id="@+id/linechart"


            android:layout_width="wrap_content"


            android:layout_height="wrap_content" >


        </lecho.lib.hellocharts.view.LineChartView>
 
控件实例化:




       LineChartView lineChart;
       lineChart = (LineChartView) findViewById(R.id.linechart);
 
chart属性设置:


chart.setZoomEnabled(boolean isZoomEnabled)//设置是否支持缩放
chart.setOnValueTouchListener(LineChartOnValueSelectListener touchListener);//为图表设置值得触摸事件
chart.setInteractive(boolean isInteractive);//设置图表是否可以与用户互动
chart.setValueSelectionEnabled(boolean idValueSelectionEnabled);//设置图表数据是否选中进行显示
chart.setLineChartData(LineChartData data);//为图表设置数据,数据类型为LineChartData
 
设置节点、X、Y轴属性及添加数据:




        List<PointValue> pointValues = new ArrayList<PointValue>();// 节点数据结合
        Axis axisY = new Axis().setHasLines(true);// Y轴属性
        Axis axisX = new Axis();// X轴属性
        axisY.setName(String yName);//设置Y轴显示名称
        axisX.setName(String xName);//设置X轴显示名称
        ArrayList<AxisValue> axisValuesX = new ArrayList<AxisValue>();//定义X轴刻度值的数据集合
               ArrayList<AxisValue> axisValuesY = new ArrayList<AxisValue>();//定义Y轴刻度值的数据集合
        axisX.setValues(axisValuesX);//为X轴显示的刻度值设置数据集合
        axisX.setLineColor(Color.BLACK);// 设置X轴轴线颜色
        axisY.setLineColor(Color.BLACK);// 设置Y轴轴线颜色
        axisX.setTextColor(Color color);// 设置X轴文字颜色
        axisY.setTextColor(Color color);// 设置Y轴文字颜色
        axisX.setTextSize(14);// 设置X轴文字大小
        axisX.setTypeface(Typeface.DEFAULT);// 设置文字样式,此处为默认
        axisX.setHasTiltedLabels(bolean isHasTit);// 设置X轴文字向左旋转45度
        axisX.setHasLines(boolean isHasLines);// 是否显示X轴网格线
                axisY.setHasLines(boolean isHasLines);// 是否显示Y轴网格线
        axisX.setHasSeparationLine(boolean isHasSeparationLine);// 设置是否有分割线
        axisX.setInside(boolean isInside);// 设置X轴文字是否在X轴内部
        for (int j = 0; j < list.size(); j++) {//循环为节点、X、Y轴添加数据
            pointValues.add(new PointValue(j, float v));// 添加节点数据
             axisValuesY.add(new AxisValue(j).setValue(j));// 添加Y轴显示的刻度值
            axisValuesX.add(new AxisValue(j).setValue(j).setLabel(
                    String label));// 添加X轴显示的刻度值
        }
 
设置折线Line的属性:


        List<Line> lines = new ArrayList<Line>();//定义线的集合
        Line line = new Line(List<PointValue> pointValues);//将值设置给折线
        line.setColor(Color color);// 设置折线颜色
        line.setStrokeWidth(float w);// 设置折线宽度
        line.setFilled(boolean isFilled);// 设置折线覆盖区域是否填充
        line.setCubic(boolean isCubic);// 是否设置为立体的
        line.setPointColor(Color color);// 设置节点颜色
        line.setPointRadius(float s);// 设置节点半径
        line.setHasLabels(boolean isHasLabels);// 是否显示节点数据
        line.setHasLines(boolean isHasLines);// 是否显示折线
        line.setHasPoints(boolean isHasPoint);// 是否显示节点
        line.setShape(ValueShape.CIRCLE);// 节点图形样式 DIAMOND菱形、SQUARE方形、CIRCLE圆形
        line.setHasLabelsOnlyForSelected(boolean isHasLabelsOnly);// 隐藏数据,触摸可以显示
        lines.add(line);// 将数据集合添加线
 
设置LineChartData属性及为chart设置数据:


        chartData = new LineChartData(lines);//将线的集合设置为折线图的数据
        chartData.setAxisYLeft(axisY);// 将Y轴属性设置到左边
        chartData.setAxisXBottom(axisX);// 将X轴属性设置到底部
        chartData.setAxisYRight(axisYRight);//设置右边显示的轴
        chartData.setAxisXTop(axisXTop);//设置顶部显示的轴
        chartData.setBaseValue(20);// 设置反向覆盖区域颜色
        chartData.setValueLabelBackgroundAuto(false);// 设置数据背景是否跟随节点颜色
        chartData.setValueLabelBackgroundColor(Color.BLUE);// 设置数据背景颜色
        chartData.setValueLabelBackgroundEnabled(false);// 设置是否有数据背景
        chartData.setValueLabelsTextColor(Color.BLACK);// 设置数据文字颜色
        chartData.setValueLabelTextSize(15);// 设置数据文字大小
        chartData.setValueLabelTypeface(Typeface.MONOSPACE);// 设置数据文字样式
        chart.setLineChartData(LineChartData data);//最后为图表设置数据,数据类型为LineChartData

 链接: https://pan.baidu.com/s/1tVDhRg9Zjf5gggJFmqjqqA 提取码: 3jgg 复制这段内容后打开百度网盘手机App,操作更方便哦

复制这段内容后打开百度网盘手机App,操作更方便哦

https://www.pgyer.com/rHCW

猜你喜欢

转载自blog.csdn.net/u013360656/article/details/52875230