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

【问题标题】：Chartjs scatter chart's x axis is heavily paddedChartjs 散点图的 x 轴被大量填充
【发布时间】：2019-02-14 11:15:34
【问题描述】：

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

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

我添加了道具...

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

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

谢谢！

【问题讨论】：

您能否发布一些示例代码或小提琴，以便我们重现此内容？如果无法实际重现问题，就很难说出问题所在。
当然！来吧：codepen.io/anon/pen/exLVrj 两边的空格是我想要去掉的。我认为这是因为它只是为大数字的 xaxis 刻度选择大步。我的 xaxis 上的第一个值应该是我最小的 x 值，最后一个应该是最大的。 @AndroidNoobie 编辑：链接错误！

【解决方案1】：

知道了！

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

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

【讨论】：