2014-05-07 190 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