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

标签 highcharts

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

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

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

    The label overlap on this chart is obviously an issue

    最佳答案

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

    series: [{
        startAngle: 90
    }]
    

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

    关于highcharts - 处理饼图标签重叠 [Highcharts],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12603593/

    相关文章:

    highcharts - Highcharts (柱形图): Few data labels are not appearing for a series

    jquery - 使 div 容器可点击,导出按钮除外

    javascript - Highcharts 和 Extjs 4

    javascript - Highcharts 散点图数据点悬停

    javascript - Highcharts/Highstock 滚动条问题

    highcharts - 如何制作堆积柱形图以在顶部显示总数据值

    javascript - AngularJS 选项卡中的 Highcharts 动态(重新)调整大小

    javascript - 停止隐藏/显示系列,但单击时图例会变灰

    charts - Highcharts饼图。如何在两行中设置标签

    highcharts - HighStock 数据分组近似函数