Apex Chart 固定标签 x 轴的范围条形图答案

【问题标题】：ApexChart fixed labels x asis for rangeBar chartApex Chart 固定标签 x 轴的范围条形图
【发布时间】：2021-10-07 14:37:56
【问题描述】：

这是我的图表选项代码：

const options = {
  chart: {
    type: "rangeBar",
  },
  series: [
    {
      data: [
        {
          x: "Code",
          y: [Date.UTC(2019, 3, 2, 12, 30), Date.UTC(2019, 3, 2, 13, 0)],
        },
        {
          x: "Code",
          y: [Date.UTC(2019, 3, 2, 15, 30), Date.UTC(2019, 3, 2, 16, 0)],
        },
        {
          x: "Code",
          y: [Date.UTC(2019, 3, 2, 18, 0), Date.UTC(2019, 3, 2, 19, 0)],
        },
        {
          x: "Code",
          y: [Date.UTC(2019, 3, 2, 22, 0), Date.UTC(2019, 3, 2, 24, 0)],
        },
      ],
    },
  ],
  plotOptions: {
    bar: {
      horizontal: true,
    },
  },
  xaxis: {
    type: "datetime",
  },
};

结果如下：

我不知道如何添加从 00:00 到 24:00 小时格式的固定标签。那是我的问题。我也这样做了，但不起作用：

xaxis: {
    type: "category",
    categories: ["00:00", ..., "24:00"]
  },

谢谢

【问题讨论】：

标签： javascript charts timeline apexcharts

【解决方案1】：

最后我在这个 repo 中修复了这个问题：

https://github.com/mortezasabihi/apexchart-timeline

【讨论】：