LineChart使用
2022-04-14 本文已影响0人
无玄
基本概念理解
图表中各元素跟LineChart中对象的对应关系:
图表:LineChart
图例:Legend
描述:Description
数据轴:
X轴:XAxis
Y轴(左侧、右侧):YAxis
数据轴标签
刻线(X轴刻线、Y轴刻线)
数据:LineData
数据集:LineDataSet
高亮线
数据标记:MarkerView
静态结构
LineChart对象中存储了图例、描述、数据轴、数据等绘制图表所需的数据,并在内部创建对象的renderer对象。在onDraw方法中,分别调用各种renderer对象进行图表中各元素的绘制。
常用属性设置
图表:LineChart
lineChart.setDrawBorders(true); //显示图表边框
// lineChart.setBorderColor(Color.BLACK); //设置 chart 边框线的颜色。
// lineChart.setBorderWidth(2); //设置 chart 边界线的宽度,单位 dp。
lineChart.setExtraOffsets(0, 0, 0, 10);//设置图表距离上下左右的距离
lineChart.zoom(1f, 1f, 0, 0);//显示的时候是按照多大的比率缩放显示,1f表示不放大缩小
lineChart.setScaleMinima(1f, 1f);
lineChart.setVisibleXRangeMaximum(30);
lineChart.setDrawGridBackground(false);//chart 绘图区后面的背景矩形将绘制
// 图表交互
lineChart.setTouchEnabled(true); // 设置是否可以触摸
lineChart.setScaleEnabled(false); // 是否可以缩放 x和y轴, 默认为true
// lineChart.setScaleXEnabled(true); //是否可以缩放 仅x轴
// lineChart.setScaleYEnabled(true); //是否可以缩放 仅y轴
// lineChart.setPinchZoom(true); // 是否支持x、y轴同时缩放,默认为false
// lineChart.setDoubleTapToZoomEnabled(true); // 设置是否可以通过双击屏幕放大图表。默认为true
lineChart.setDragEnabled(true); // 是否可以拖拽
lineChart.setHighlightPerDragEnabled(true); // 能否拖拽高亮线(数据点与坐标的提示线),默认为true
lineChart.setDragDecelerationEnabled(true); // 拖拽滚动时,手放开是否会持续滚动,默认为true(false:拖到哪是哪,true:停止拖拽之后还会有缓冲)
lineChart.setDragDecelerationFrictionCoef(0.99f); // 与上面那个属性配合,持续滚动时的速度快慢,[0,1) 0代表立即停止。
lineChart.setNoDataText("没有数据嗷"); //没有数据时显示的文字
lineChart.setNoDataTextColor(Color.BLUE);//没有数据时显示文字的颜色
lineChart.setLogEnabled(true);//打印日志
// lineChart.animateXY(1000,1000); // 两个轴动画,从左到右,从下到上
图例:Legend
legend.setForm(Legend.LegendForm.LINE); // 设置form的形状,正方形、圆形、线性
legend.setFormSize(10f); // 设置Form的大小
legend.setFormLineWidth(10f); // 设置form的宽度
legend.setTextSize(16f); // 设置文字大小
legend.setVerticalAlignment(Legend.LegendVerticalAlignment.BOTTOM);//显示位置
legend.setHorizontalAlignment(Legend.LegendHorizontalAlignment.LEFT);
legend.setOrientation(Legend.LegendOrientation.HORIZONTAL);
legend.setDrawInside(false);
legend.setWordWrapEnabled(true);//是否支持自动换行
数据集:LineDataSet
lineDataSet.setLineWidth(1.5f); //设置线的宽度
lineDataSet.setValueTextSize(9f);//设置显示值的文字大小
lineDataSet.setColor(color); //设置线的颜色
lineDataSet.setCircleRadius(1.5f); //设置焦点圆心的大小
lineDataSet.setCircleColor(color); // 设置焦点圆心的颜色
lineDataSet.setMode(LineDataSet.Mode.HORIZONTAL_BEZIER);
lineDataSet.setAxisDependency(YAxis.AxisDependency.LEFT);
// 设置点击交叉线
lineDataSet.setHighlightEnabled(true);//是否禁用点击高亮线
lineDataSet.setHighLightColor(Color.RED);//设置点击交点后显示交高亮线的颜色
lineDataSet.enableDashedHighlightLine(10f, 5f, 0f);//点击后的高亮线的显示样式
lineDataSet.setHighlightLineWidth(1f);//设置点击交点后显示高亮线宽
// 设置曲线下面的填充色
lineDataSet.setDrawFilled(false);
// lineDataSet.setFillAlpha(0);
// lineDataSet.setFillColor(color);
数据轴
// 设置左侧坐标轴
xAxis.setEnabled(true);//设置轴启用或禁用 如果禁用以下的设置全部不生效
xAxis.setPosition(XAxis.XAxisPosition.BOTTOM);//设置x轴的显示位置
// 设置轴线属性
xAxis.setDrawAxisLine(true);//是否绘制轴线
// xAxis.setAxisLineColor(Color.GREEN);//设置x轴线颜色
// xAxis.setAxisLineWidth(5f);//设置x轴线宽度
// 设置标签属性
xAxis.setDrawLabels(true);//是否绘制轴线上的标签
xAxis.setTextSize(16);// 设置轴标签字体大小
// xAxis.setTextColor(Color.BLUE);//设置轴标签的字体颜色
xAxis.setLabelCount(dataXList.size()); // 设置x轴显示标签数量
// xAxis.setAxisMinimum(0f);//设置x轴的最小值
// xAxis.setAxisMaximum(10f);//设置最大值
xAxis.setAvoidFirstLastClipping(true);//图表将避免第一个和最后一个标签条目被减掉在图表或屏幕的边缘
xAxis.setLabelRotationAngle(10f);//设置x轴标签的旋转角度
// 设置网格线属性
xAxis.setDrawGridLines(false);//设置x轴上每个点对应的线
// xAxis.setGridLineWidth(2f);//设置竖线宽度
// xAxis.setGridColor(Color.RED);//设置竖线颜色
// xAxis.enableGridDashedLine(10f, 10f, 0f); //设置竖线的显示样式为虚线(lineLength控制虚线段的长度,spaceLength控制线之间的空间)
xAxis.setGranularity(1f);
xAxis.setValueFormatter(null);