图表JS显示灰色模糊（堆叠标签？）

Question

我对Charts JS比较陌生。我在这里得到这个结果：

这是我的代码：

var myChart = new Chart(ctx, {
  type: 'line',
  data: {
    labels: ['Red', 'Blue'],
    datasets: [{
      label: 'Label',
      data: this.modifiedData,
      backgroundColor: [
        'rgba(255, 99, 132, 0.2)',
      ],
      borderColor: [
        'rgba(255, 99, 132, 1)',
      ],
      borderWidth: 1
    }]
  },
  options: {
    scales: {
      xAxes: [{
        type: 'time',
        time: {
          unit: 'day',
          unitStepSize: 1,
          displayFormat: 'DD MM'
        },
        position: 'bottom',
        maxRotation: 90,
        minRotation: 90
      }],
    }
  }
});

现在，如果我将type从更改为linear，那么我会变得更明智：

所以我的矩对象一定是错误的（我正在传递给x坐标）。我还尝试仅传递格式为YYYY-MM-DD的字符串（如2018-05-25），但是它仍然使我的底部出现灰色的模糊。

我猜想它要占用整个矩对象，并使其变成字符串并打印。还是什么？而我该如何解决呢？