2017-03-20 3 views
0

오른쪽에서 동적으로 마지막 10 점만 표시하는 동적 차트는 어떻게 만들 수 있습니까?하지만 이전 점은 화면 왼쪽으로 밀려나 보이지 않게되며 차트를 뒤로 끌 때만 표시됩니다. 오른쪽/오른쪽으로 스 와이프? 여기 다이 그래프 (dygraphs) - 동적 데이터를 모든 점을 과밀화하는 대신 왼쪽으로 끌어 넣는 방법은 무엇입니까?

라이브 예입니다 http://dygraphs.com/gallery/#g/dynamic-update , 포인트가 왼쪽으로 가야 잠시 후 무슨 일이 일어나고 있는지

이이고 마지막 10

을 유지 (당신이 버튼을 누르면 경우에도 코드가 jsfiddle입니다) 당신은 데이터의 마지막 X 분을 표시하려면

enter image description here

+0

아마도 기본값 인 10 점까지 확대 할 수 있습니까? – aldoso

답변

0

, 당신은 모든 갱신에 dateWindow 속성을 설정할 수 있습니다. 예 :

g.updateOptions({ 
    file: data, 
    dateWindow: [Date.now() - 30 * 1000, Date.now()] // last 30s. 
}); 

여기는 fully-worked fiddle입니다. 마지막 N 포인트는 this question을 참조하십시오.

+0

네, 이것은 행동입니다 감사합니다! 여전히 유용성 문제가 있습니다. 1. 왼쪽으로 돌아가거나 뒤로 드래그하면 디스플레이가 첫 번째 점으로 뒤로 이동하지 않습니다. 2. 마우스 오른쪽 버튼을 클릭하여 차트를 재설정하면 또는 두 번 살짝 누르기 만하면, 지금까지와 같이 처음부터 모든 포인트가 아닌 마지막 30 포인트 만보고 싶습니다. 가능합니까? – aldoso

관련 문제