Диаграмма Google - удалить строки из data.cache JSFiddle

Question

Задача - показать в гугл графике только последние 5 записей. По мере того, как вы перемещаете слайдер, данные добавляются. Записи взяты с какого-то «слайдера», позже будут заменены некоторыми живыми данными сенсора.

hAxis - это временная метка, поэтому я не знаю, как использовать:

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

Вопрос в том, как удалить строки из кеша данных?

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

Answer 1

при использовании отметки времени на оси x
вы можете использовать объект даты напрямую, без необходимости преобразовывать в строку.

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

и для управления диапазоном, отображаемым на оси x,
viewWindowmin и max должны быть одного типа данных.
в данном случае - свидание.

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

Answer 2

Как сказал @WhiteHat, вы можете использовать data.getColumnRange, а затем извлекать min и max.

В моем случае мне нужно показать только несколько последних записей независимо от дат. Так что мне понадобилась эта часть кода:

data.removeRow(0); 

Ответ

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

Финская скрипка