ApexCharts中如何缩小RangeBar图表的行高？

要缩小RangeBar之间的行间距，不用折腾CSS，直接在ApexCharts的配置中调整plotOptions.bar下的参数就能搞定：

• rowHeight: 设置每行的固定高度（单位：像素），数值越小，行高和行间距就越小
• barHeight: 控制柱子在该行中的高度占比，支持百分比或固定像素值，避免行高缩小后柱子显得过矮

给你一个具体的配置示例，把这段加到你的图表初始化代码里：

plotOptions: {
  bar: {
    horizontal: true,
    rowHeight: 20, // 根据需求调整数值，比如15、20都可以
    barHeight: '80%', // 柱子占行高的80%，保证视觉上的合理性
    rangeBarOverlap: true, // 同一行的多个柱子允许重叠（按需开启）
    dataLabels: {
      position: 'top'
    }
  }
}

调整rowHeight的数值就能直接控制行高，数值越小，行与行之间的间距就会越紧凑，完全不需要修改外部CSS样式。

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