hellochart 我经常在项目中使用
图表,柱状图等
但是,发现好多属性,查了忘,忘了查,今天,汇总一下;
List<PointValue> pointValues = new ArrayList<PointValue>();// 节点数据结合
Axis axisY = new Axis().setHasLines(true);// Y轴属性
Axis axisX = new Axis();// X轴属性
axisY.setName("温度");//设置Y轴显示名称
axisX.setName("时间");//设置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.RED);// 设置X轴文字颜色
axisY.setTextColor(Color.RED);// 设置Y轴文字颜色
axisX.setTextSize(14);// 设置X轴文字大小
axisX.setTypeface(Typeface.DEFAULT);// 设置文字样式,此处为默认
axisX.setHasTiltedLabels(false);// 设置X轴文字向左旋转45度
axisX.setHasLines(false);// 是否显示X轴网格线
axisY.setHasLines(false);// 是否显示Y轴网格线
axisX.setHasSeparationLine(true);// 设置是否有分割线
axisX.setInside(false);// 设置X轴文字是否在X轴内部
for (int j = 0; j < 30; j+=5) {//循环为节点、X、Y轴添加数据
axisValuesY.add(new AxisValue(j).setValue(j));// 添加Y轴显示的刻度值
}
for (int i=0; i < timePoint.length; i++){
axisValuesX.add(new AxisValue(i).setLabel(timePoint[i]+"H"));
}
for (int i=0;i < tempPoint.size(); i++){
pointValues.add(new PointValue(i,Float.parseFloat(tempPoint.get(i))));
}
List<Line> lines = new ArrayList<Line>();//定义线的集合
Line line = new Line(pointValues);//将值设置给折线
line.setColor(Color.RED);// 设置折线颜色
line.setStrokeWidth(1);// 设置折线宽度
line.setFilled(false);// 设置折线覆盖区域是否填充
line.setCubic(false);// 是否设置为立体的
line.setPointColor(Color.RED);// 设置节点颜色
line.setPointRadius(5);// 设置节点半径
line.setHasLabels(true);// 是否显示节点数据
line.setHasLines(true);// 是否显示折线
line.setHasPoints(true);// 是否显示节点
line.setShape(ValueShape.CIRCLE);// 节点图形样式 DIAMOND菱形、SQUARE方形、CIRCLE圆形
line.setHasLabelsOnlyForSelected(false);// 隐藏数据,触摸可以显示
lines.add(line);// 将数据集合添加线
LineChartData chartData = new LineChartData(lines);//将线的集合设置为折线图的数据
chartData.setAxisYLeft(axisY);// 将Y轴属性设置到左边
chartData.setAxisXBottom(axisX);// 将X轴属性设置到底部
chartData.setBaseValue(20);// 设置反向覆盖区域颜色
chartData.setValueLabelBackgroundAuto(false);// 设置数据背景是否跟随节点颜色
chartData.setValueLabelBackgroundColor(Color.BLUE);// 设置数据背景颜色
chartData.setValueLabelBackgroundEnabled(false);// 设置是否有数据背景
chartData.setValueLabelsTextColor(Color.BLACK);// 设置数据文字颜色
chartData.setValueLabelTextSize(15);// 设置数据文字大小
chartData.setValueLabelTypeface(Typeface.MONOSPACE);// 设置数据文字样式
lineChartView.setLineChartData(chartData);
lineChartView.setZoomEnabled(true);//设置是否支持缩放
lineChartView.setInteractive(true);//设置图表是否可以与用户互动
lineChartView.setZoomType(ZoomType.HORIZONTAL);
Viewport v = new Viewport(lineChartView.getMaximumViewport());
v.left = 0;
v.right= 7;
v.bottom= 1;
v.top= 30;
lineChartView.setCurrentViewport(v);
另外,把github的example给整合下来,方便使用时,直接粘贴;
配置:
代码地址:http://download.youkuaiyun.com/detail/u014624241/9800531
点我下载