Google-Diagramm - Entfernen Sie Zeilen aus data.cache JSFiddle
Aufgabe ist es, nur die letzten 5 Datensätze in Google Chart anzuzeigen. Wenn Sie den Schieberegler bewegen, werden am Ende Daten hinzugefügt. Die Aufzeichnungen stammen von einem "Schieberegler", der später durch einige Live-Senzor-Daten ersetzt wird.
hAxis ist ein Zeitstempel, daher weiß ich nicht, wie ich ihn verwenden soll:
viewWindowMode: 'explicit',
// viewWindow: {
// min: 0,
// max: 4
// },
Die Frage lautet: Wie werden Zeilen aus dem Datencache entfernt?
JSFiddle :https://jsfiddle.net/ejovrh2/k59u6be3/17/
Antworten
Wenn Sie einen Zeitstempel auf der x-Achse verwenden, können
Sie ein Datumsobjekt direkt verwenden, ohne es in eine Zeichenfolge konvertieren zu müssen.
var data = google.visualization.arrayToDataTable([
["Date", "level"],
[new Date(), level],
]);
und um den auf der x-Achse angezeigten Bereich zu steuern, sollten
viewWindow
min & max vom gleichen Datentyp sein.
in diesem Fall ein Datum.
viewWindow: {
min: new Date(2020, 10, 1),
max: new Date(2020, 10, 30)
},
Wie @WhiteHat sagte, können Sie data.getColumnRange verwenden und dann min & max extrahieren.
In meinem Fall muss ich nur die letzten Datensätze anzeigen, unabhängig von den Daten. Also brauchte ich diesen Teil des Codes:
data.removeRow(0);
Antworten
// when data is populated with 4 rows, remove first one [0]
if (data.cache.length>4){
data.removeRow(0);
// just to see range and how is removing first element
var dateRange = data.getColumnRange(0);
console.log(dateRange);
}
Finnische Geige