여러 계열이 겹칠 수있는 일정한 간격으로 시간 데이터를 표시하는 꺾은 선형 차트의 컨텍스트에서
A) 차트가 겹치는 사용자에게 힌트를 제공합니다. 시리즈?
) 사용자가 모든 시리즈를 시각화 할 수있는 기능을 제공합니까? 어떻게 든 시리즈를 스패닝하는 것처럼?꺾은 선형 차트에서 겹치는 시리즈에 대한 최적의 표시
1
A
답변
0
은 차트에 일련의 중복이 있다는 것을 나타 내기 위해 몇 가지 방법이 있습니다. 둘 중 하나의 반지름을 늘릴 수 있습니다. 범례 요소의 수는 시리즈의 수를 나타냅니다. 마지막으로 다른 top
및 height
속성을 사용하여 다른 yAxis에 시리즈를 배포 할 수 있습니다. 또한 스타일 모드에서 범례 항목에 마우스를 올리면 다른 시리즈 불투명도가 변경됩니다.
API 참조 :
http://api.highcharts.com/highcharts/plotOptions.line.marker.radius
예 :
는 http://jsfiddle.net/whsgpdyw/ - 마커 반경
http://jsfiddle.net/fuq6j4sg/을 변경 - 라인 차트에 일련의 중첩에 대해 다른 y 축
1
관련 문제
- 1. 플렉스 차트에서 꺾은 선형 차트
- 2. jqplot의 꺾은 선형 차트에서 눈금 표시를 숨기기
- 3. Highcharts 꺾은 선형 차트에서 클릭 및 숙박 강조 표시 옵션?
- 4. d3.js 꺾은 선형 차트에서 동그라미 업데이트
- 5. chart.js에서 팬 또한 꺾은 선형 차트에서 확대
- 6. jquery 꺾은 선형 차트에서 데이터 필드를 변경하십시오.
- 7. 꺾은 선형 차트의 요일 표시
- 8. extjs4 꺾은 선형 차트의 일부 강조 표시
- 9. jFreePanel을 사용하여 꺾은 선형 차트에서 X 축에 연도 추가
- 10. d3.js를 사용하여 꺾은 선형 차트에서 축척을 변경하는 방법은 무엇입니까?
- 11. Google 차트에서 꺾은 선형 차트의 가로 축 레이블을 변경하려면 어떻게해야합니까?
- 12. D3 꺾은 선형 차트에서 다른 연도를 어떻게 비교합니까?
- 13. Highchart의 꺾은 선형 차트에서 두 값 사이의 줄 제거
- 14. d3js가 꺾은 선형 차트에서 확대/축소 작업을 수행합니다.
- 15. 꺾은 선형 차트의 조건부 배경색
- 16. 꺾은 선형 차트 사용자 지정
- 17. 그림이있는 꺾은 선형 차트?
- 18. RGraph 꺾은 선형 차트
- 19. 꺾은 선형 차트에서 "LOADING ..."레이블을 설정하는 방법은 무엇입니까?
- 20. Java의 꺾은 선형 차트에서 값을 가져 오는 방법은 무엇입니까?
- 21. 눈금 표시없이 Devexpress 꺾은 선형 차트에서 클릭 한 점 얻기
- 22. AChartEngine : 꺾은 선형 차트에서 터치를 인식하는 방법은 무엇입니까?
- 23. 하이 차트에서 글 머리 기호와 꺾은 선형 차트 결합
- 24. nvd3 꺾은 선형 차트에서 두 번째 축을 숨기는 방법
- 25. JavaFX 8 JavaFX 꺾은 선형 차트에서 Node 개체를 처리하는 방법
- 26. 꺾은 선형 차트에서 Google 차트를 아래로 스크롤 하시겠습니까?
- 27. 꺾은 선형 차트의 경우 하이 차트에서 드릴 다운 기능을 사용합니다.
- 28. CCC 꺾은 선형 차트에서 X 축 레이블 숨기기
- 29. 꺾은 선형 차트에서 chart.js 모눈 색을 설정하는 방법
- 30. WPF Toolkit 꺾은 선형 차트에서 축을 교체하는 방법은 무엇입니까?
감사합니다. 안타깝게도 차트의 성능 저하로 인해 마커를 옵션으로 사용할 수 없습니다. 시리즈가 계산되고 두 개의 다른 yAxis로 분할됩니다. 겹치는 시리즈는 대부분 동일한 yAxis에 있습니다. 비록 두 번째 예제에서 묘사 된 yAxis 위치가 예고되어 있다는 것을 알지 못했습니다. 어쩌면 yAxis 할당 전에 중복되는 계열을 미리 결정한 경우 중복되는 계열이 서로 다른 yAxis에 있는지 확인하기 위해 yAxis를 다른 방법으로 배치 할 수 있습니다. –