如何使用MPAndroidChart/Charts库实现Google Fit/Apple Health样式柱状图

你要实现的这类图表属于区间柱状图（Range Bar Chart），每个柱子对应一个数值区间而非从0轴开始的单一数值，和蜡烛图的逻辑完全不同，以下分别给出MPAndroidChart（安卓平台）和Charts（iOS平台）的可行实现方案：

安卓端（MPAndroidChart） #

MPAndroidChart没有内置专门的区间柱状图类型，可通过两种方式实现：

• 堆叠柱状图取巧方案（无需自定义逻辑）
  把每根柱子拆成两段堆叠数据：第一段为区间起始值，设置为全透明；第二段为区间长度（结束值-起始值），设置为可见的目标颜色，即可模拟出区间柱状效果，核心代码如下：

  // 每个BarEntry传入两个堆叠值：透明占位高度、可见区间高度
  val entries = listOf(
      BarEntry(0f, floatArrayOf(2f, 3f)), // 对应数值区间2~5
      BarEntry(1f, floatArrayOf(1f, 4f)) // 对应数值区间1~5
  )
  val dataSet = BarDataSet(entries, "活动区间")
  // 第一个堆叠段透明，第二个显示目标色
  dataSet.colors = listOf(Color.TRANSPARENT, Color.parseColor("#4285F4"))
  dataSet.stackLabels = arrayOf("占位", "区间")
  // 其余坐标轴、交互、圆角等配置和普通柱状图完全一致
  

• 自定义渲染器方案（适配复杂样式）
  如果需要实现渐变、自定义圆角、区间分段着色等复杂效果，可以继承BarChartRenderer重写drawDataSet方法，直接读取每个Entry附带的区间参数绘制指定位置的矩形即可。

iOS端（Charts） #

Swift版Charts库原生支持区间柱状图，无需取巧实现：
直接使用RangeBarChartDataSet，每个RangeBarChartDataEntry可以直接设置from和to属性定义区间范围，核心代码如下：

let entries = [
    RangeBarChartDataEntry(x: 0, from: 2, to: 5),
    RangeBarChartDataEntry(x: 1, from: 1, to: 5)
]
let dataSet = RangeBarChartDataSet(entries: entries, label: "活动区间")
dataSet.colors = [.systemBlue]
// 其余坐标轴、交互、样式配置和普通柱状图完全一致

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