Почему мой график идет назад в чартах? - PullRequest
Новая
       16

Почему мой график идет назад в чартах?

2 голосов
/ 09 июня 2019

Я пытаюсь отобразить как числа на постах, так и когда они были опубликованы. По некоторым причинам это сходит с ума, если точки близки. Есть идеи почему?

Я немного поигрался с размерами шагов, а также с динамическим растяжением оси x, но безрезультатно. 

var myLine2 = new Chart(ctx2, {
  type: 'line',
  data: {
    //labels: '{{ labels | tojson }}',
    datasets: [{
      label: 'My Line',
      data: data,
      lineTension: 0
    }]
  },
  options: {
    //spanGaps: true,
    scales: {
      xAxes: [{
        type: 'time',
        time: {
          //unit: 'day',
          tooltipFormat: 'lll',
        }
      }]
    }
  }
});

Вот как это выглядит: https://ibb.co/Fgq6M8M (У меня недостаточно репутации для загрузки изображений)

Я ожидаю, что линия соединится с ближайшей точкой справа, но на самом деле она движется вокруг графика. Есть мысли?

Мой набор данных можно найти здесь: https://hastebin.com/wukeburiga.css

1 Ответ

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

Chart.js рисует ваши данные в том порядке, в котором они указаны.Рисование одной точки данных не зависит от других точек данных.Вместо этого от точки к точке рисуется линия в порядке, указанном в наборе данных.

Выдержка из предоставленного вами набора данных показывает, что ось x находится не в порядке возрастания. 

44: {x: Wed May 22 2019 06:50:37 GMT+1000 (Australian Eastern Standard Time), y: "58"}
45: {x: Sun Jun 09 2019 15:43:57 GMT+1000 (Australian Eastern Standard Time), y: "48"}
46: {x: Sun Jun 09 2019 16:44:17 GMT+1000 (Australian Eastern Standard Time), y: "80"}
47: {x: Wed May 22 2019 09:20:12 GMT+1000 (Australian Eastern Standard Time), y: "59"}
48: {x: Mon Jun 10 2019 06:12:26 GMT+1000 (Australian Eastern Standard Time), y: "9"}

Чтобы это исправить, убедитесь, что точки данных упорядочены, прежде чем они будут переданы в Chart.js.

...