Vue3 Apexcharts：X 轴未正确显示日期

Question

我对 Apexchart 的日期时间 x 轴有疑问：

它应该只显示 26.09、27.09 和 28.09，并且每个刻度都应该与柱对齐。

这是我正在使用的数据：

[{
    "x": 1632614400000,
    "y": 1548.0806194763181
},
{
    "x": 1632700800000,
    "y": 2983.7424364471435
},
{
    "x": 1632787200000,
    "y": 606.8401075286865
}]

我已经尝试更改 x 轴的“tickAmount”，但没有可接受的结果。 示例：tickAmount=3

     xaxis: {
      type: "datetime",
      labels: {
        formatter: function(val, timestamp) {
          return moment(timestamp).format("DD.MM");
        },
      },
      tickAmount: 3
    },

还有什么我可以尝试的吗？

谢谢！

Answer 1

尝试使用这种数据格式：

[{
  name: 'Example name', 
  data: 
      [[1632614400000,1548.0806194763181],
      [1632614400000,1548.0806194763181]]
  }]