Googleチャート-data.cacheJSFiddleから行を削除します

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軸に表示される範囲を制御するには、
viewWindow最小値と最大値が同じデータ型である必要があります。
この場合、日付。

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

フィンランドのフィドル