il jsfiddle di seguito mostra il problema.chart.js 2, animato da destra a sinistra (non dall'alto verso il basso)
I primi inserimenti di dati vanno bene, ma quando la lunghezza del set di dati è limitata a 10, si vede il comportamento indesiderato in cui i punti di dati sono animati dall'alto verso il basso anziché spostarsi verso sinistra. È estremamente dispersivo.
http://jsfiddle.net/kLg5ntou/32/
setInterval(function() {
data.labels.push(Math.floor(Date.now()/1000));
data.datasets[0].data.push(Math.floor(10 + Math.random() * 80));
// limit to 10
data.labels = data.labels.splice(-10);
data.datasets[0].data = data.datasets[0].data.splice(-10);
chart.update(); // addData/removeData replaced with update in v2
}, 1000);
C'è un modo per avere il movimento grafico a linea di sinistra, il cui punto di dati appena inserito appaiono sulla destra? In contrasto con l'animazione di distrazione ondulata?
grazie
ha fatto lei è riuscito a risolvere questo problema? – giosh94mhz
Non l'ho fatto - ho finito per armeggiare con i miei grafici in tempo reale, alla fine favorendo un'implementazione SVG - ho finito con qualcosa di molto simile a questo (puoi clonare clone e visualizzare index.html per vederlo in azione): https://github.com/talmobi/realtimechart/blob/master/rtchart.js - Probabilmente sceglierei d3js se fossi di nuovo nella stessa posizione. – talmobi
Ecco una codepen per un rapido sguardo: http://codepen.io/talmobi/pen/VjKVyQ – talmobi