2012-09-26 165 views
7

我的图表很丑,我不知道该怎么做。这很丑陋,因为标签重叠并且几乎不可读。我已经考虑的想法:处理饼图标签重叠[Highcharts]

  • 隐藏小切片的标签。这显然会带来明显的负面信息,特别是在打印页面时。我们的用户打印了很多。
  • 备用大片和小片。不理想,因为它会减少信息的组织并偶尔会遭遇同样的问题。
  • 手动将每个标签放置在固定位置。关于实施时间和代码维护的昂贵解决方案。

任何人有更好的主意吗?我希望highcharts能够检测到重叠并自动处理它。这里的PIC:

The label overlap on this chart is obviously an issue

回答

6

我发现了一个highcharts forum topic与旋转饼图在这种情况下更好地分配标签,但它涉及到修改源找到以下行,并更改累计参考零:

cumulative = -0.25, // start at top 

一个选项,是不是最佳的,但可能工作是rotate数据标签几度使他们不重叠,就像这样:

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

感谢您的想法 – AlexMA

8

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

series: [{ 
    startAngle: 90 
}] 

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

+1

这个建议肯定有可取之处。我比较了有和没有选项的图表(并且拥堵更多):http://jsfiddle.net/dK9CD/40/ – AlexMA

+1

我更喜欢这个解决方案,而不是接受的解决方案。 – whoan