HelloChart--ColumnChartView(柱形图)

在XML中的定义:


<lecho.lib.hellocharts.view.ColumnChartView


        android:id="@+id/columnchart"


        android:layout_width="wrap_content"


        android:layout_height="wrap_content" >


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


   ColumnChartView  columnChart;


   columnChart = (ColumnChartView) findViewById(R.id.columnchart);
chart属性设置:


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


List<SubcolumnValue> subValues = new ArrayList<SubcolumValue>();// 节点数据结合
    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 SubcolumnValue(float, int color);// 添加节点数据并为其设置颜色
         axisValuesY.add(new AxisValue(j).setValue(j));// 添加Y轴显示的刻度值
        axisValuesX.add(new AxisValue(j).setValue(j).setLabel(
                String label));// 添加X轴显示的刻度值并设置X轴显示的内容
    }
设置柱形Column的属性:


        List<Column> cs = new ArrayList<Column>();//定义线的集合
        Column c= new Line(List<SubcolumnValue> subValues);//将值设置给折线
               c.setValues(List<SubcolumnValue> values);//为柱形图这是数据
        c.setHasLabels(boolean isHasLabels);// 是否显示节点数据
        c.setHasLabelsOnlyForSelected(boolean isHasLabelsOnly);// 隐藏数据,触摸可以显示
        cs.add(c);// 将数据集合添加线
 
设置ColumnChartData属性及为chart设置数据:


        chartData = new ColumnChartData(List<Column> cs);//将线的集合设置为折线图的数据
        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.setColumnChartData(LineChartData data);//最后为图表设置数据,数据类型为ColumnChartData
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值