Gráfico do Google - remover linhas de data.cache JSFiddle

Question

A tarefa é mostrar apenas os últimos 5 registros no gráfico do Google. Conforme você move o controle deslizante, no final, os dados são adicionados. Os registros são de algum "controle deslizante", mais tarde serão substituídos por alguns dados do senzor ao vivo.

hAxis é carimbo de data / hora, então não sei como usar:

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

Sow questão é como remover linhas do cache de dados?

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

Answer 1

ao usar o carimbo de data / hora no eixo x,
você pode usar um objeto de data diretamente, sem necessidade de converter em uma string.

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

e para controlar o intervalo exibido no eixo x,
viewWindowmín e máx devem ser do mesmo tipo de dados.
neste caso, uma data.

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

Answer 2

Como @WhiteHat disse, você pode usar data.getColumnRange e extrair min & max.

No meu caso, preciso mostrar apenas os últimos registros, independentemente das datas. Então, eu precisava desta parte do código:

data.removeRow(0); 

Responda

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

Rabeca finlandesa