Apexcharts：将 xTicks 和标签与热图单元格的开头对齐

Question

我正在使用 Apexcharts 显示热图，效果很好。

但是，我正在努力定位 xAxis 刻度和标签以与热图中单元格的开头对齐。目前的行为如下：

每个系列有 7 个值，因此有 7 个刻度沿导致偏移的 x 轴平均分布。

我想要的是在热图中每个单元格的开头有一个刻度和值（基本上对于一个有 7 个值的系列，沿 x 轴有 8 个刻度），以便刻度与像这样的单元格对齐:

如何实现？

Answer 1

我找到了针对整数 x 值实现此目的的解决方法，尽管我认为这不是最佳解决方案。

显然，将 tickAmount 和范围属性设置为系列的长度，如果结合每个 x 值递增 1，将提供所需的解决方案。

将此添加到图表选项：

   xaxis: {
      axisTicks: {
        show: true
      },
      tickAmount: 7,
      range: 7,
      labels: {
        show: true
      }
   }

并将系列的每个 x 值增加 1。

Apexcharts: Align xTicks and labels with beginning of heatmap cells