处理饼图标签重叠[Highcharts]

Question

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

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

任何人都有更好的主意？我希望highcharts能够检测到重叠并自动执行某些操作。这是图片：

Answer 1

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

series: [{
    startAngle: 90
}]

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

Answer 2

我找到了与旋转饼图相关的高等级forum topic，以便在这种情况下更好地分发标签，但它涉及修改源以查找以下行并将累积参考更改为零：

cumulative = -0.25, // start at top

一个不是最佳但可能有效的选项是rotate数据标签几度，以便它们不重叠，如下所示：

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

Answer 3

我也遇到了同样的问题。我使用以下代码解决了该问题。

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