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);
}
핀란드 바이올린