vue.js - Chartjs 散点图的 x 轴被大量填充

Question

我正在使用 chartjs 在 vuejs 中制作一个漂亮的图表。我在这里有一个散点图，当我使用像 unix 时间戳这样的大数字时，chartjs 似乎想用未使用的值填充 x 轴。

这是打开标签后的样子，因此您可以看到正在发生的事情：

我添加了道具...

          xAxes: [
        {
          display: true,
          ticks: {
            padding: 0,
        }

...假设这是解决方案，但它没有影响。

谢谢！

行为守则

Answer 1

知道了！

由于我所有的 x 值都是 3600 的倍数（以秒为单位的一小时），我能够将 x 轴 stepSize 设置为 3600 以确保它在一个步骤上开始和结束。

    scales: {
      xAxes: [
        {
          ticks: {
            stepSize: 3600
          }
        }
      ],
    }