Chartjs散点图的x轴被大量填充

Question

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

下面是贴上标签的样子，因此您可以看到发生了什么：

我添加了道具...

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

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

谢谢！

Codepen of behavior

Answer 1

知道了！

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

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