如何避免高图饼图中数据标签的重叠

How to avoid overlapping of dataLabels in highchart pie chart?

本文关键字：标签 重叠 数据 何避免 高图饼      更新时间：2023-09-26

我正在使用highcharts来呈现饼状图，

当序列数据较小或较少时，数据标签重叠。

链接到复制问题。

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

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

我试过这段代码，但是它把所有的标签都移到了右上角。

请提供避免标签重叠的解决方案/解决方法。

最简单的方法是将数据标签移出饼图。

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

相关文章：