图表JS显示灰色模糊(堆叠标签?)

时间:2019-06-11 16:33:19

标签: javascript charts chart.js

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

charts js grey blurp as axis labels

这是我的代码:

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,那么我会变得更明智:

chart.js moment js axis labels acting up

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

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

0 个答案:

没有答案