MPAndroidChart折线图仅显示数组首个标签问题求助

问题根源分析 #

你的代码里粒度（granularity）设置错误，这是导致X、Y轴只显示第一个标签的核心原因：

• X轴初始化时，granularity = Constants.CHART_LABELS_COUNT.toFloat()，假设CHART_LABELS_COUNT是5，意味着X轴每隔5个单位才会显示一个标签。如果你的数据点X值范围远小于这个间隔，自然只会显示第一个标签。
• Y轴同样犯了这个错误，granularity = CHART_LABELS_COUNT.toFloat()强制了过大的标签间隔，加上setLabelCount的数值和标签数组长度不匹配，进一步加剧了问题。

具体修改步骤 #

1. 修正X轴配置

修改初始化代码中的X轴设置，把粒度调整为数据点的实际间隔（比如你的数据是按顺序排列的索引，粒度设为1f），同时将axisMaximum设为数据点的最大X值（而非固定倍数）：

fun LineChart.init() {
    this.apply {
        ... // 保留其他无关配置
        with(xAxis) {
            isEnabled = true
            setDrawAxisLine(true)
            axisLineWidth = 0f
            setDrawGridLines(true)
            setDrawLabels(true)
            // 替换为数据点的最大X值，比如如果有5个数据点，X最大为4f
            axisMaximum = (xLabels.size - 1).toFloat() 
            axisMinimum = 0F
            position = XAxis.XAxisPosition.BOTTOM
            granularity = 1f // 每个单位间隔显示一个标签
            isGranularityEnabled = true
            enableGridDashedLine(10f, 10f, 10f)
        }
        axisRight.isEnabled = false
    }
}

2. 修正Y轴配置

调整Y轴的粒度为标签的实际间隔，同时让setLabelCount和标签数组长度一致：

with(binding.speedChart) {
    marker = CustomMarkerView(requireContext(), R.layout.custom_marker_view, 0f)
    data = lineData
    animateXY(500, 1000)

    with(axisLeft) {
        setPosition(YAxis.YAxisLabelPosition.OUTSIDE_CHART)
        axisMaximum = (((maxSpeed / CHART_LABELS_COUNT).toInt() + 1) * CHART_LABELS_COUNT).toFloat()
        axisMinimum = 0F
        // 替换为标签的实际间隔，比如如果Y标签间隔是5，就设为5f
        granularity = ((axisMaximum - axisMinimum) / (yLabels.size - 1)).toFloat() 
        isGranularityEnabled = true
        setDrawGridLines(false)
        isEnabled = true

        // 标签数量和数组长度一致，第二个参数true强制显示
        setLabelCount(yLabels.size, true) 
        valueFormatter = IndexAxisValueFormatter(yLabels)
    }
    // X轴标签数量和数组长度一致
    xAxis.labelCount = xLabels.size 
    xAxis.valueFormatter = IndexAxisValueFormatter(xLabels)
    invalidate()
}

3. 额外验证点

• 确保xLabels和yLabels的长度与数据点的数量/轴的刻度数量匹配；
• 调用invalidate()前，先调用notifyDataSetChanged()更新数据（如果你的lineData是动态生成的）：

lineData.notifyDataSetChanged()
notifyDataSetChanged()
invalidate()

内容的提问来源于stack exchange，提问作者ndriqa