Gráfico de Google: eliminar filas de data.cache JSFiddle

Question

La tarea es mostrar solo los últimos 5 registros en el gráfico de Google. A medida que mueve el control deslizante, se van sumando datos. Los registros son de algún "control deslizante", luego serán reemplazados por algunos datos de senzor en vivo.

hAxis es la marca de tiempo, así que no sé cómo usar:

 viewWindowMode: 'explicit',
                // viewWindow: {
                //   min: 0,
                //   max: 4
                // },

La pregunta de la cerda es cómo eliminar filas de la caché de datos.

JSFiddle :https://jsfiddle.net/ejovrh2/k59u6be3/17/

Answer 1

al usar la marca de tiempo en el eje x,
puede usar un objeto de fecha directamente, sin necesidad de convertirlo en una cadena.

var data = google.visualization.arrayToDataTable([
  ["Date", "level"],
  [new Date(), level],
]);

y para controlar el rango mostrado en el eje x,
viewWindowmin y max deben ser del mismo tipo de datos.
en este caso, una fecha.

viewWindow: {
  min: new Date(2020, 10, 1),
  max: new Date(2020, 10, 30)
},

Answer 2

Como dijo @WhiteHat, puede usar data.getColumnRange y luego extraer min & max.

En mi caso, necesito mostrar solo los últimos registros sin importar las fechas. Entonces necesitaba esta parte del código:

data.removeRow(0); 

Responder

    // 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);
    }

Violín finlandés