lineChart

最新推荐文章于 2025-05-25 16:46:23 发布

原创最新推荐文章于 2025-05-25 16:46:23 发布 · 1.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#动画

基本概念理解

图表中各元素跟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);

作者：无玄
链接：https://www.jianshu.com/p/7d4ca980bd87
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。