如何去除ApexCharts（React）中水平线之间的间距？

要去除横向网格线之间的间距，你可以在现有配置基础上调整以下参数：

• 消除网格线偏移：给grid.xaxis.lines添加offsetX: 0和offsetY: 0，避免线条产生额外偏移
• 移除网格内边距：在grid下添加padding: { top: 0, bottom: 0 }，消除容器内的多余空隙
• 强制刻度贴合：如果是刻度间隔导致的间距，可在yaxis（虽隐藏轴线，但刻度仍影响网格线）中设置tickAmount为你需要的数量，或者固定min和max值让线条均匀分布

调整后的完整配置示例：

options: {
    grid: {
        padding: {
            top: 0,
            bottom: 0
        },
        xaxis: {
            lines: {
                show: true,
                offsetX: 0,
                offsetY: 0
            },
        },
        yaxis: {
            lines: {
                show: false
            },
            // 可选：按需设置网格线数量，消除间隔
            // tickAmount: 5
        }
    },
    xaxis: {
        axisTicks: {
            show: false,
        },
        axisBorder: {
            show: false
        },
        labels: {
            show: false,
        },
    }
}

如果图表因数据系列设置产生自动间距，也可以检查series配置，确保没有额外内边距或偏移项。

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