Google-Diagramm - Entfernen Sie Zeilen aus data.cache JSFiddle

Nov 30 2020

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

1 WhiteHat Nov 30 2020 at 19:25

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
viewWindowmin & max vom gleichen Datentyp sein.
in diesem Fall ein Datum.

viewWindow: {
  min: new Date(2020, 10, 1),
  max: new Date(2020, 10, 30)
},
ejovrh2 Dec 04 2020 at 16:34

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