highcharts responsive datalabels display

Question

작은 차트의 경우 highcharts의 dataLabel을 중첩하지 않도록 설정할 수 있습니까?

나는 similar to this one하지만 내가 달성하고 싶은 것은 차트가 있습니다

• 대체는 Y 값 (데이터 레이블 :. 15, 40, 등)
• 피하기 텍스트 중복 대신 수의 난이 다음 x과 dataLabels의 y 위치를 지정하지 않고 다른 옵션이 있습니까 아이폰 크기

에 겹쳐 "긴 텍스트를"?

{ 
    "x": 1400457600000, 
    "y": 15, 
    "dataLabels": { 
     "x": 25, 
     "y": -5, 
     "style": { 
     "color": "#000000" 
     } 
    } 
} 

Answer 1

고객 포맷터로 대체 할 수 있습니다. 이 함수가 호출되어 얼마나 많은 시간을 추적하고 심지어 호출 만의 레이블을 반환

plotOptions: { 
     series: { 
      dataLabels: { 
       enabled: true, 
       formatter: function(){ 
        if (this.series.chart.dlFCalls == null){ 
         this.series.chart.dlFCalls = -1; 
        } 
        this.series.chart.dlFCalls++; 
        if (this.series.chart.dlFCalls % 2 == 0){ 
         return this.y; 
        } 
       } 
      } 
     } 
    } 

지금까지와 같은 피팅 긴 텍스트, 나는 rotation의 조합을 사용하고 약간의 y 값을 상쇄 것입니다.

여기가 바로 example입니다.

Answer 2

this 충돌을 감지하는 예제를 사용할 수 있습니다.

events: { 
       load: function() { 
        StaggerDataLabels(this.series); 
       }, 
       redraw: function() { 
        var series = this.series; 
        setTimeout(function() { 
         StaggerDataLabels(series); 
        }, 1000); 
       } 
      },