Диаграмма JS показывает серую размытость (сложенные метки?) - PullRequest
Новая
       13

Диаграмма JS показывает серую размытость (сложенные метки?)

0 голосов
/ 11 июня 2019

Я довольно новичок в чартах 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

Так что, должно быть, что-то не так с моими объектами момента (что яперехожу к координате х).Я также попытался просто передать строку в формате YYYY-MM-DD (например: 2018-05-25), но это все равно дает мне серое пятно внизу.

Я предполагаю, что он берет весь моментальный объект, превращает его в строку и печатает.Или что?И как мне это обойти?

...