Android开发经验

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);
上一篇下一篇

猜你喜欢

热点阅读