highcharts - 处理饼图标签重叠[Highcharts]

Question

我的图表很丑，我不知道该怎么办。这很难看，因为标签重叠并且几乎不可读。我已经考虑过的想法：

• 隐藏小切片的标签。这具有明显的负面信息，即可见信息较少，尤其是在打印页面时。我们的用户打印了很多。
• 交替大片和小片。不理想，因为它减少了信息的组织，并且可能偶尔会遇到同样的问题。
• 手动放置每个固定位置的标签。关于实施时间和代码维护的昂贵解决方案。

有人有更好的主意吗？我希望 highcharts 能够检测重叠并自动对其进行处理。这是图片：

Answer 1

Highcharts 中有一个新选项可以设置饼图的 startAngle。您可以使用 startAngle 来排列图表右侧的所有小切片，以适应更多标签。

series: [{
    startAngle: 90
}]

JSFiddle 演示在这里：http: //jsfiddle.net/highcharts/dK9CD/

Answer 2

我发现了一个关于旋转饼图以在这种情况下更好地分配标签的 highcharts论坛主题，但它涉及修改源以找到以下行并将累积引用更改为零：

cumulative = -0.25, // start at top

一种不是最佳但可能有效的选项是将数据标签旋转几度以使它们不重叠，如下所示：

{
    plotOptions : {
        pie : {
            dataLabels : {
                rotation : 15
            }
        }
    }
}

Answer 3

我也遇到了同样的问题。我用下面的代码解决了这个问题。

plotOptions : {
    pie : {
        dataLabels : {
            whiteSpace: 'nowrap', 
            overflow: 'hidden',
            textOverflow: 'ellipsis'
        }
    }
}