如何避免在highchart餅圖中重疊dataLabels？

我使用highcharts繪製餅圖，如何避免在highchart餅圖中重疊dataLabels？

當系列數據很小/較小時，dataLabels重疊。

鏈接到轉載問題。

http://jsfiddle.net/venkatesh1453/nwg2rdze/1/

plotOptions: { 
     pie: { 
      dataLabels: { 
       distance : function(){ 
        return (-30 - (this.series.index *3)); 
       } 
      } 
     } 
    },

我試過這個代碼，但它會將所有標籤右上角。

請提供避免標籤重疊的解決方案/解決方法。

來源

2015-08-23 D P Venkatesh

在highcharts有不重疊的算法，但你可以嘗試開發其中一個例子：http://jsfiddle.net/menXU/1//HTTP：//的jsfiddle。淨/ menXU/6 / –

最簡單的方法是將數據標籤移動到餅圖之外。

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      type: 'pie' 
     }, 
     series: [{ 
      data: [ 
       ['Firefox', 44.2], 
       ['IE7',  26.6], 
       ['IE6',  20], 
       ['Chrome browser', 1.1], 
       ['Other browsers', 1.4] 
      ] 
     }] 
    }); 
});

Example

來源

2015-08-23 17:16:54

如何避免在highchart餅圖中重疊dataLabels？

回答

相關問題