Google 차트-data.cache에서 행 제거 JSFiddle

Nov 30 2020

작업은 Google 차트에서 마지막 5 개 레코드 만 표시하는 것입니다. 슬라이더를 움직이면 결국 데이터가 추가됩니다. 레코드는 일부 "슬라이더"에서 가져온 것이며 나중에 일부 라이브 센서 데이터로 대체됩니다.

hAxis는 타임 스탬프이므로 사용 방법을 모르겠습니다.

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

Sow 질문은 데이터 캐시에서 행을 제거하는 방법입니다.

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

답변

1 WhiteHat Nov 30 2020 at 19:25

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)
},
ejovrh2 Dec 04 2020 at 16:34

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

핀란드 바이올린