如何修改 apexchart 热图中单元格之间的空间

Question

我想扩大 Apexcharts 热图中单元格之间的空间。

我有一个运行流畅的热图，但是，我想通过更改笔画颜色来突出显示几个图块。然后，我意识到，由于所有图块都紧密对齐，之间没有实际空间，因此部分笔划将被其他相邻单元格覆盖，这使得突出显示效果只有一半。

这就是当我更改笔划颜色时发生的情况，笔划的右半部分被相邻单元格覆盖（左侧单元格和底部单元格）

如有任何帮助，我们将不胜感激，提前谢谢您！

Answer 1

您可以通过应用此 CSS 代码来删除 ApexCharts 热图中单元格之间的空间，这就是我使用的

.apexcharts-series.apexcharts-heatmap-series rect {
    stroke: none;
    stroke-width: 0;
}