HelloChart--ColumnChartView(柱形图)
2016-04-19 09:20
281 查看
在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
相关文章推荐
- android开发游记:meterial design 使用circularReveal仿哔哩哔哩(bilibili)搜索框动画
- 体感设备
- Max 模型背面边面的不显示问题解决方案
- [初识总结]开源即时通讯IM Openfire+spark and (comet实现)
- java Runtime类
- 房坑
- Spring MVC 注解开发详解
- 去掉navbar或者tabbar的预留间距
- Enum , Enum Class ?
- 《般若波罗蜜多心经》全文及解释
- Delphi中的堆,栈
- [bzoj4453]cys就是要拿英魂!
- 服务器中很多的CLOSE_WAIT
- SQL优化
- css样式文件命名规范
- iOS线程间通信
- 日志那点事儿——slf4j源码剖析
- css样式文件命名规范
- java毕向东听课笔记18(字符串2)
- 稳定性测试浅谈