Highcharts半餅 - 刪除餡餅和傳奇之間的空間

Question

我正在與Highcharts的semi circle donut聊天掙扎。我試圖減少甜甜圈底部和下面的傳說之間的差距，但沒有成功。

下面是基本的圖表我工作：

https://jsfiddle.net/vmw0pekL/2/

，其結果是：

這是沒有這麼多的定製的基本圖形。接下來我嘗試的是使用marginTop和marginBottom圖表屬性。我設法減少圖形和傳說之間的空間，但現在我已經在圖表的頂部的巨大差距......這裏的結果：

https://jsfiddle.net/vmw0pekL/3/

，其結果是：

有人知道如何處理這個問題嗎？我想在圖表頂部沒有空格，圖表和圖例之間沒有空格。

Answer 1

之所以有半圓環形圖表下方的大片空白的差距，是因爲這個空間是留給充滿餡餅的下部圖表（將startAngle更改爲0，將endAngle更改爲360以查看我的意思）。您可以通過設置center陣列的新值並設置新的size來改變這種情況。

API參考：
http://api.highcharts.com/highcharts/plotOptions.pie.center

例子：
https://jsfiddle.net/327uxkbt/

Answer 2

這是做的一個簡單的方法：

chart: { 
    marginTop: 10, 
    marginBottom: -150, 
    marginLeft: -100, 
    marginRight: -100 
}, 

#container { 
    border: 1px solid red; 
    height: 240px; 
    font-size: 8px; 
    width: 370px; 
}