Google grafiği - satırları data.cache JSFiddle'dan kaldırın

Question

Görev, google grafiğinde yalnızca son 5 kaydı göstermektir. Kaydırıcıyı hareket ettirdiğinizde, uçta veri ekleniyor. Kayıtlar bazı "kaydırıcılardan" alınmıştır, daha sonra bazı canlı senzor verileriyle değiştirilecektir.

hAxis zaman damgası olduğundan nasıl kullanılacağını bilmiyorum:

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

Sow soru, satırları veri önbelleğinden nasıl kaldırabilirim?

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

Answer 1

x ekseninde zaman damgası kullanırken,
doğrudan bir tarih nesnesi kullanabilirsiniz, bir dizeye dönüştürmeye gerek yoktur.

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

ve x ekseninde görüntülenen aralığı kontrol etmek için
viewWindowmin ve maks aynı veri türünde olmalıdır.
bu durumda bir tarih.

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

Answer 2

@WhiteHat'ın dediği gibi data.getColumnRange'i kullanabilir ve ardından min & max.

Benim durumumda, tarihler ne olursa olsun son birkaç kaydı göstermem gerekiyor. Bu yüzden kodun bu kısmına ihtiyacım vardı:

data.removeRow(0); 

Cevap

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

Fin keman