HighCharts饼图,50多个标签,没有显示所有这些标签

时间:2014-01-26 21:28:31

标签: javascript jquery html5 charts highcharts

我正在创建一个甜甜圈饼图,我必须向所有亚洲国家展示50岁以上的人。现在的问题是,它没有显示所有的dataLabels。这是我得到的:

enter image description here

可能的解决方案是减少标签之间的行间距/距离。还是其他任何解决方案?

2 个答案:

答案 0 :(得分:5)

尝试将dataLabels padding选项设置为0:

series: [{
   name: 'Asia',
   data: data,
   innerSize: '40%',                
   showInLegend:true,
   dataLabels: {
       enabled: true,
       padding: 0
   }
}]

小提琴here

enter image description here

答案 1 :(得分:0)

我用35个数据点/标签进行了测试,确实没有显示某些标签。在我的情况下,原因是图表的维度。所有标签都没有足够的空间。显示所有切片,但某些标签不是。

解决方案是增加图表更改height属性的大小。例如:

        chart: {
            renderTo: 'container',
            defaultSeriesType: 'pie',
            borderWidth: 1,
            height: 650
        },

使用不同的高度显示不同数量的标签。