하이 차트가 기본 DataLabel을 덮어 씁니다.

Question

차트가 원형이지만 작동하지 않을 때 다음 코드를 사용하여 기본 dataLabels 규칙을 덮어 쓰려고합니다.

내가 무엇이 누락 되었습니까?

plotOptions: { 
    series:{ 
     dataLabels:{ 
      shadow : false, 
      allowOverlap:true, 
      useHTML: true, 
      style :{ 
       textShadow :'none', 
       fontSize:"16px" 
      }, 
      formatter: function() { 
       return '<p>'+(this.y).format() + ' ' + suffixe+'</p>'; 
      } 
     } 
    }, 
    pie: { 
     allowPointSelect: true, 
     cursor: 'pointer', 
     dataLabels: { 
      enabled: true, 
      style:{ 
       fontSize:"18px" 
      }, 
      formatter: function() { 
       return '<strong>'+ this.point.name +'</strong>: '+ this.y; 
      } 
     } 
    } 
} 

내가 여기에서 볼

Answer 1

나는 내가 fontSize 옵션을 잃게 dataLabel를 포맷하기 전에 유형을 확인하려면이 같은 코드를 수정하지만 괜찮아요 :

plotOptions: { 
    series:{ 
     dataLabels:{ 
      shadow : false, 
      allowOverlap:true, 
      useHTML: true, 
      style :{ 
       textShadow :'none', 
       fontSize:label_y_size+"px" 
      }, 
      formatter: function() { 
       if (this.series.type == "pie") { 
        return '<strong>'+ this.point.name +'</strong>: '+ (this.y).format(); 
       } else { 
        return '<p>'+(this.y).format() + ' ' + suffixe+'</p>'; 
       }; 
      } 
     } 
    } 
} 

편집 : highcharts에서이 버그 : link

Answer 2

한 문제가 하나에 두 가지를 위해 노력하고 있다는 것입니다 무언가를 그리워. dataLabels을 plotOptions.pie 또는 plotOptions.series 중 하나에 설정해야하며 둘 다 설정할 수는 없습니다.

또한 plotOptions.series에 대한 단계가 없습니다. 올바른 순서는 plotOptions --> series --> point --> dataLabels입니다.

plotOptions: { 
    series:{ 
     point: { // <-- here is your missing step 
      dataLabels:{ 
       shadow : false, 
       allowOverlap:true, 
       useHTML: true, 
       style: { 
        textShadow :'none', 
        fontSize:"16px" 
       }, 
       formatter: function() { 
        return '<p>'+(this.y).format() + ' ' + suffixe+'</p>'; 
       } 
      } 
     } 
    } 
    // ... other options 
}, // end plotOptions 

귀하의 질문에 도움이됩니까?