Можно ли анимировать массивные данные о времени, используя Chart.js? - PullRequest
0 голосов
/ 26 октября 2019

У меня есть огромные данные временных рядов, подобные этому

   .
   .
   .
{"Time": "18:47:49", "Temperature": "23.27"},
{"Time": "18:52:50", "Temperature": "23.27"},
{"Time": "18:57:49", "Temperature": "23.27"},
{"Time": "19:02:50", "Temperature": "23.27"},
{"Time": "19:07:49", "Temperature": "23.27"},
   .
   .
   .

Я хочу анимированный линейный график, такой как потоковая диаграмма в реальном времени.

  1. Обновите оба конца оси X последовательнои загрузить данные и перерисовать? Это не эффективно. Стать отрывочной анимацией

  2. Я пытался использовать chartjs-plugin-streaming . Это так хорошо. Но только осевое время будет присвоено оси X.

dataset.data.push({
    x: Date.now(),
    y: Math.random()
});

Я хочу анимировать график, последовательно обновляя время файла данных

Или, Или, предварительно загрузите все данные заранее и последовательно измените время на обоих концах оси X диаграммы в соответствии с указанной шириной времени. Затем обновите ();вызывается последовательно, но разве это не плавная анимация?

Я хочу добиться плавной анимации даже с большими данными с простой реализацией.

...