如何删除顶点图表（反应）中水平线之间的空间？答案

【问题标题】：how can I remove space between horizontal lines in apex chart(react)?如何删除顶点图表（反应）中水平线之间的空间？
【发布时间】：2022-11-03 20:06:50
【问题描述】：

我分享了我的代码任何人都可以帮助我如何删除图像中这样的行之间的空格

这是我的代码 `

        options: {
            grid: {
                xaxis: {
                    lines: {
                        show: true,
                    },
                },
                yaxis: {
                    lines: {
                        show: false
                    }
                },

坐标轴：{ 轴刻度：{ 显示：假， }, 轴边框：{ 显示：假 }, 标签： { 显示：假， },}

【问题讨论】：

你能指定哪些空间？预期的结果会是什么样子？

标签： javascript reactjs apexcharts

【解决方案1】：

在plotOptions 中将barHeight 设置为100% https://apexcharts.com/docs/options/plotoptions/bar/#barHeight

plotOptions: {
  bar: {
    barHeight: "100%",
    horizontal: true
  }
},

【讨论】：