android - MPAndroidChart:带间隙的水平条形图

Question

我在 Android Studio 中将 MPAndroidChart 与 Kotlin 结合使用。我设法根据示例构建标准图表，但我需要一些不同的东西。

是否可以构建一个条形包含间隙的水平条形图？ 与此类似的东西: horizontal bar chart with gaps

我想要实现的是使用条形图在时间线(例如从 0 小时到 24 小时 -> 一整天)上显示特定事件(例如事件 1、事件 2、事件 3 和事件 4)的发生情况。

因此，在上图中，粗略估计:事件 1 从 0H > 1H 发生，然后再次从 6H > 10H 发生，其他事件类似。

我可以使用 MPAndroidChart 执行此操作吗？

Answer 1

这是我根据我所说的所做的:

val events = listOf(
        Event(0, 0f, 1.5f),
        Event(2, 1.5f, 1.5f),
        Event(1, 3f, 3f),
        Event(3, 6f, 1f),
        Event(0, 7f, 3f),
        Event(1, 10f, 1f),
        Event(2, 11f, 7f),
        Event(3, 18f, 8f))

val categoryColors = listOf(
        Color.parseColor("#ff3f1f"),
        Color.parseColor("#9fff3f"),
        Color.parseColor("#ffff3f"),
        Color.parseColor("#1fbf3f"))

val bgColor = requireContext().obtainStyledAttributes(
        intArrayOf(android.R.attr.windowBackground)).use {
    it.getColor(0, 0)
}

val chart = binding.barChart
val dataSets = mutableListOf<IBarDataSet>()
val vals = events.mapIndexed { i, event ->
    event.duration
}.toFloatArray()
for (i in 0 until 4) {
    val colors = events.mapIndexed { j, event ->
        if (event.category == i) categoryColors[i] else bgColor
    }.toIntArray()
    dataSets += BarDataSet(listOf(BarEntry(i.toFloat(), vals, null)), i.toString()).apply {
        stackLabels = arrayOfNulls(1)
        setColors(*colors)
        isHighlightEnabled = false
        setDrawValues(false)
    }
}
chart.apply {
    data = BarData(dataSets)
    description = null
    axisRight.apply {
        setDrawGridLines(false)
    }
    axisLeft.apply {
        setDrawLabels(false)
        setDrawGridLines(false)
    }
    xAxis.apply {
        setDrawLabels(false)
        setDrawGridLines(false)
    }
    legend.isEnabled = false
}

以及 Event 类:

data class Event(val category: Int,
                 val time: Float,
                 val duration: Float)

结果: