如何避免在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？

回答

相关问题