Highcharts饼图动态更改大小

Question

我在使用highcharts创建饼图时遇到了问题。

根据数据标签的放置位置，实际的图表会变大或缩小。

我们需要保持饼图的大小不变，是否有一种方法可以保持饼图大小恒定并强制标签围绕其适应，或者我只需将标签放置在每个切片内部？

- Water Monkey

---

不幸的是，这是默认行为，您无法强制执行此情况，因此您只能使用 @Sualkcin 的建议。 - Sebastian Bochan

Answer 1

您需要为饼图设置一个固定的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/

- Sualkcin

---

谢谢，这个方法很有效。我将大小设置为“80％”，饼图保持了一致的大小。当您将大小设置为固定值时，可能会遇到数据标签被推出视野的问题。我会尝试使用百分比大小。我会调整百分比和DIV的大小，看看是否可以为数据标签添加更多空间。 - Water Monkey

这是一个使用size的fiddle示例，现在数据标签被截断了：http://jsfiddle.net/4GFyj/ - Water Monkey

也许不是您想要的解决方案，但您可以将“dataLabels”的“distance”属性设置为更小甚至负数，以将其放置在饼图切片内部。如果这样做，可能需要将“color”更改为白色。 http://jsfiddle.net/4GFyj/2/ - Sualkcin

@Sualkcin +1并感谢，但您在fiddle Hex颜色中省略了“＃”符号。 - Max xaM