동적 하이 차트를 만들려고합니다. 나는 series.addPoint
을 사용합니다. 그것은 잘 작동하지만 내 차트는 포인트를 추가하고 여기처럼 움직이지 않는다 - jsfiddle. 그것은 화면에 100 점이 될 수 있습니다. 어떻게하면 화면에 10 점만 만들고 오래된 점을 숨길 수 있습니까?최대 x 축 포인트가있는 동적 하이 차트
1
A
답변
3
http://api.highcharts.com/highcharts#Series Series.addPoint()의 세 번째 인수는 이동을 허용하는 부울입니다. 시리즈가 이동하지 않으면 세 번째 매개 변수를 true로 설정하십시오.
두 번째 부분에 대해서는 이전 데이터를 "숨기시겠습니까? 일반적으로 오래된 데이터는 실시간 그래프에서 끝나야합니다 (사용자가 생각하는대로 가정합니다). 포인트가 너무 많으면 Axis.setExtremes()를 통해 x 축을 작게 만들 수 있습니다. http://api.highcharts.com/highcharts#Axis
관련 문제
- 1. 하이 차트 x 축 레이블
- 2. 하이 차트 X 축 텍스트로
- 3. 하이 차트 : x 축 정렬과 열 차트
- 4. 하이 차트 x 축 날짜 가변 범위
- 5. 하이 차트 최대 및 최대 축 확대
- 6. 하이 차트 동적 x 축 타임 스탬프 문제
- 7. 하이 차트 필터 문자열 x 축
- 8. 하이 차트 - 대각선 X/Y 축
- 9. 하이 차트 : 열 내부의 X 축 레이블
- 10. 하이 차트 상단에 x 축 표시
- 11. 시프트시 하이 차트 x 축 데이터가 감소합니다.
- 12. 하이 차트 재설정 y 축
- 13. 하이 차트 y 축 및 x 축 표시
- 14. 하이 차트 고정/부동 축
- 15. 하이 차트 x 축은 최대 한도 이후의 숫자를 표시합니다.
- 16. 동적으로 하이 차트 축 변경
- 17. 하이 차트 여러 y 축 및 동적 업데이트
- 18. 여러 축을 가진 하이 차트 축 최대 값
- 19. 하이 차트 차트의 동적 높이
- 20. 하이 차트 x 축 레이블에 이중 날짜가 표시됩니다
- 21. 하이 차트 : 툴팁에서 X 축 값을 가져 오는 방법은 무엇입니까?
- 22. 페이지 매기기의 X 축 레이블을 변경하지 않는 하이 차트
- 23. x 축 카테고리 텍스트와 다른 툴팁 - 하이 차트
- 24. 하이 차트 - tickPositioner가있는 X 축 값 사이의 간격이 같습니다.
- 25. 하이 차트 : 가장 아래쪽 x 축 그리드 라인을 숨기기
- 26. 하이 차트 12 시간 x 축 레이블의 시간 형식
- 27. 하이 차트 임의의 최소 간격에 따른 x 축 형식 데이터
- 28. 데이터가 충분하지 않더라도 하이 차트 x 축 날짜가 전체 범위
- 29. 하이 차트 - x 축 잘못된 날짜 라벨이 나타남
- 30. 하이 차트 x 축 레이블이 경계에서 시작하지 않음
지난 10 포인트를 표시하고 싶습니다. 모든 포인트가 아닙니다. 10 분마다 차트를 업데이트합니다. 그리고 나는 1000 점을 가질 수 있습니다. – Nick
몇 가지 코드를 게시 할 수 있습니까? 위에서 설명한 것처럼 x 축 극단을 더 가깝게 가져 와서 더 적은 포인트를 표시 할 수 있습니다. 데이터 [0]과 데이터 [9]를 가져 와서 x 값을 가져 와서 x 축 극단에 설정할 수 있습니다. 그런 다음 기술적으로 1000 점이 모두 시리즈의 일부가되지만 차트에는 0-9 만 표시됩니다. – justGunnar
내 코드 - http://jsfiddle.net/w4h3b/ – Nick