2014-05-07 192 views
6

我遇到了我在highchart中创建的饼图问题。Highcharts饼图动态更改大小

根据数据标签的位置,实际图表会增大或缩小。

我们需要饼图保持相同的大小,所以有没有办法让饼图大小保持不变并强制标签围绕它或者我只需将标签放置在每个切片内?

+0

Unforutantely这是默认行为,你不能强迫这种情况下,这样你就可以只使用@Sualkcin建议,请参阅本小提琴。 –

回答

16

您必须为饼图设置固定的size。可以是百分比或像素值。例如:

plotOptions: { 
     pie: { 
      size: 100 
     } 
    }, 

从API http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/plotoptions/pie-size/

+0

谢谢,这工作。我将尺寸设置为'80%',而且馅饼的大小保持不变。当您将大小设置为固定值时遇到的问题是运行数据标签被推出视图的风险。我会玩的百分比大小。我将使用DIV的百分比和大小来查看是否可以为数据标签添加更多空间 –

+0

下面是一个使用大小和现在正在切断数据标签的小提琴示例:http://jsfiddle.net/4GFyj/ –

+3

可能不是您想要的解决方案,但您可以将'dataLabels'的'distance'属性设置为较小的数字,甚至可以将其放置在饼图切片中。如果你这样做,也许可以将“颜色”改为白色。 http://jsfiddle.net/4GFyj/2/ – Sualkcin