Android Kotlin中使用MPAndroidChart实现指定横向条形图求助

以下是针对你提出的三个核心需求的完整解决方案，基于com.github.PhilJay:MPAndroidChart:v3.1.0版本：

关键需求拆解与实现步骤 #

1. 切换为横向条形图 #

将布局中的BarChart替换为HorizontalBarChart，代码中变量类型同步修改。横向图中轴逻辑互换：Y轴负责显示分类标签，X轴负责显示数值。

2. 条形内部文本完整显示不截断 #

• 设置文本显示位置为条形内部，调整图表内边距避免边缘截断
• 给数值文本设置对比色（如白色）提升可读性
• 手动扩大X轴最大值，预留文本显示空间

3. 添加条形下方的水平线 #

通过给Y轴添加LimitLine，为每个分类位置绘制水平线，模拟条形底部分隔线效果。

4. 修改左侧坐标轴网格线颜色 #

启用左侧Y轴网格线，直接设置自定义颜色。

完整修改代码 #

// 注意：布局中需使用HorizontalBarChart，代码变量类型对应改为HorizontalBarChart
val entries = ArrayList<BarEntry>()
val labels = ArrayList<String>()
val colors = ArrayList<Int>()

// 横向条形图中，BarEntry第一个参数是Y轴位置，第二个是X轴数值
entries.add(BarEntry(0f, 6f))
entries.add(BarEntry(1f, 2f))
entries.add(BarEntry(2f, 3.5f))
entries.add(BarEntry(3f, 3f))
entries.add(BarEntry(4f, 2f))

labels.add("Transportation")
labels.add("Consumer Electronics")
labels.add("Healthcare")
labels.add("Robotics and CleanTech")
labels.add("Automotive")

colors.add(Color.parseColor("#896687"))
colors.add(Color.parseColor("#897987"))
colors.add(Color.parseColor("#822987"))
colors.add(Color.parseColor("#897987"))
colors.add(Color.parseColor("#855987"))

val dataSet = BarDataSet(entries, "Bar Chart")
dataSet.colors = colors

// 配置条形内部文本
dataSet.valueTextColor = Color.WHITE // 白色文本适配深色条形
dataSet.valueTextSize = 12f
dataSet.valuePosition = BarDataSet.ValuePosition.INSIDE_RIGHT // 文本显示在条形内部右侧
// 自定义数值格式化，确保显示清晰
dataSet.valueFormatter = object : ValueFormatter() {
    override fun getFormattedValue(value: Float): String {
        return String.format("%.1f", value)
    }
}

val data = BarData(dataSet)
horizontalBarChart.data = data

// 配置X轴（数值轴），预留文本空间避免截断
val xAxis = horizontalBarChart.xAxis
xAxis.position = XAxis.XAxisPosition.BOTTOM
xAxis.setDrawGridLines(false)
xAxis.axisMinimum = 0f
// 手动设置X轴最大值，比最大数值大0.5，给内部文本留足空间
xAxis.axisMaximum = entries.maxOf { it.y } + 0.5f

// 配置Y轴（分类标签轴）
val yAxisLeft = horizontalBarChart.axisLeft
yAxisLeft.setDrawGridLines(true)
yAxisLeft.gridColor = Color.parseColor("#E0E0E0") // 设置左侧网格线颜色
yAxisLeft.setDrawAxisLine(false)
yAxisLeft.labelCount = labels.size
yAxisLeft.valueFormatter = object : ValueFormatter() {
    override fun getFormattedValue(value: Float): String {
        val index = value.toInt()
        return if (index in labels.indices) labels[index] else ""
    }
}

// 禁用右侧Y轴
horizontalBarChart.axisRight.isEnabled = false

// 添加条形下方的水平线（每个分类对应一条）
labels.forEachIndexed { index, _ ->
    val limitLine = LimitLine(index.toFloat(), "")
    limitLine.lineWidth = 1f
    limitLine.lineColor = Color.parseColor("#CCCCCC")
    limitLine.labelPosition = LimitLine.LimitLabelPosition.RIGHT_TOP
    yAxisLeft.addLimitLine(limitLine)
}
yAxisLeft.setDrawLimitLinesBehindData(true) // 让线条显示在条形后方

// 图表基础配置
horizontalBarChart.setDrawBarShadow(false)
horizontalBarChart.setDrawValueAboveBar(false) // 关闭外部文本显示
horizontalBarChart.description.isEnabled = false
horizontalBarChart.legend.isEnabled = false
horizontalBarChart.setFitBars(true) // 适配条形宽度，避免边缘截断
horizontalBarChart.setPadding(20, 10, 20, 10) // 调整内边距防止文本截断

// 动画效果
horizontalBarChart.animateX(500)

// 刷新图表
horizontalBarChart.invalidate()

关键修改说明 #

• 横向切换：用HorizontalBarChart替代BarChart，调整BarEntry的轴对应关系
• 内部文本：通过valuePosition设置内部显示，调整axisMaximum和内边距避免截断，搭配对比色文本提升可读性
• 底部水平线：利用LimitLine为每个Y轴刻度添加水平线，设置线条在条形后方显示
• 网格线颜色：启用Y轴网格线后，直接设置gridColor属性

内容的提问来源于stack exchange，提问作者Himanshu Yadav Anshu