2014-03-24 5 views
1

동적 하이 차트를 만들려고합니다. 나는 series.addPoint을 사용합니다. 그것은 잘 작동하지만 내 차트는 포인트를 추가하고 여기처럼 움직이지 않는다 - jsfiddle. 그것은 화면에 100 점이 될 수 있습니다. 어떻게하면 화면에 10 점만 만들고 오래된 점을 숨길 수 있습니까?최대 x 축 포인트가있는 동적 하이 차트

답변

3

http://api.highcharts.com/highcharts#Series Series.addPoint()의 세 번째 인수는 이동을 허용하는 부울입니다. 시리즈가 이동하지 않으면 세 번째 매개 변수를 true로 설정하십시오.

두 번째 부분에 대해서는 이전 데이터를 "숨기시겠습니까? 일반적으로 오래된 데이터는 실시간 그래프에서 끝나야합니다 (사용자가 생각하는대로 가정합니다). 포인트가 너무 많으면 Axis.setExtremes()를 통해 x 축을 작게 만들 수 있습니다. http://api.highcharts.com/highcharts#Axis

+0

지난 10 포인트를 표시하고 싶습니다. 모든 포인트가 아닙니다. 10 분마다 차트를 업데이트합니다. 그리고 나는 1000 점을 가질 수 있습니다. – Nick

+0

몇 가지 코드를 게시 할 수 있습니까? 위에서 설명한 것처럼 x 축 극단을 더 가깝게 가져 와서 더 적은 포인트를 표시 할 수 있습니다. 데이터 [0]과 데이터 [9]를 가져 와서 x 값을 가져 와서 x 축 극단에 설정할 수 있습니다. 그런 다음 기술적으로 1000 점이 모두 시리즈의 일부가되지만 차트에는 0-9 만 표시됩니다. – justGunnar

+0

내 코드 - http://jsfiddle.net/w4h3b/ – Nick

관련 문제