处理饼图标签重叠[Highcharts]

Ale*_*xMA 7 highcharts

我的图表很难看,我不知道该怎么做.它很难看,因为标签重叠并且几乎不可读.我已经考虑过的想法:

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

谁有更好的主意?我希望highcharts能够检测到重叠并自动执行某些操作.这是照片:

此图表上的标签重叠显然是一个问题

d2v*_*vid 9

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

series: [{
    startAngle: 90
}]
Run Code Online (Sandbox Code Playgroud)

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


Rya*_*nch 6

我发现了一个与旋转饼图有关的高图论坛主题,以便在这种情况下更好地分发标签,但它涉及修改源以查找以下行并将累积参考更改为零:

cumulative = -0.25, // start at top
Run Code Online (Sandbox Code Playgroud)

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

{
    plotOptions : {
        pie : {
            dataLabels : {
                rotation : 15
            }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)