2013-05-27 2 views
5

하이 차트를 사용하여 기본 상자 그림을 만들었으며 마우스를 가리킬 때 최대, 최대, 최소, 중간, 최소 및 최대 값을 보여줍니다. 상자 음모에. 어떻게 든 각 라인 옆에있는 플롯 자체에이 값들을 표시하고 싶습니다.하이 차트 : 상자 그림에 레이블 (최소, 최대, 중앙값 등) 표시

api를 확인한 결과 "dataLabel"이 도움이되지만 상자 그림은 지원되지 않습니다. 누군가가 이것을 달성하는 방법을 깨달을 수 있습니까?

감사합니다.

답변

1

"살포"의 유형과 마커를 사용하여이 시리즈에 데이터 레이블을 적용 할 다른 데이터 계열을 추가, 당신의 제안을 reqest 수 있습니다. 마커는 표시되지 않으며 레이블 만 표시되므로 배경 색상과 0 선 너비와 동일한 채우기 색상을 사용하는 것이 트릭입니다.

{ 
     name: 'Outlier', 
     color: 'white', 
     type: 'scatter', 
     data: [ // x, y positions where 0 is the first category 
      { 
       name: 'This is my label for the box', 
       x:0, //box index. first one is 0. 
       y:975 //it will be bigger than the maximum value of of the box 
      } 
     ], 
     dataLabels : { 
      align: 'left', 
       enabled : true, 
       formatter : function() { 
        return this.point.name; 
       }, 
      y: 10, 
      }, 
     marker: { 
      fillColor: 'white', 
      lineWidth: 0, 
      lineColor: 'white' 
     } 
    } 
1
상자 밖으로

불가능하지만, 산란에 의해 스티브 구에 의해 언급 한 바와 같이 달성. 당신은 포맷터를 무시하고 alltogether 마커를 사용하지 않도록 설정할 수 있습니다 : 키

{ 
    series: [ 
    { 
     type: 'scatter', 
     tooltip: { 
     enabled: false 
     }, 
     dataLabels: { 
     format: '{key}', 
     enabled: true, 
     y: 0, 
     }, 
     data: [{ x: 0, y: 975, name: '975'}], 
     marker: { 
     enabled: false, 
     } 
    } 
    ] 
} 

단지 비활성화 마커 설정 형식입니다.

관련 문제