javascript - Highcharts semi-pie - 删除饼图和图例之间的空间

Question

我正在为 semi circle donut 苦苦挣扎Highcharts 聊天。我试图缩小 donut 底部和下面的图例之间的差距，但没有成功。

这是我正在处理的基本图表:

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

结果是:

这是没有太多自定义的基本图形。接下来我尝试使用 marginTop 和 marginBottom 图表属性。我设法减少了图表和图例之间的空间，但现在我在图表顶部有一个巨大的差距......这是结果:

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

结果是:

有人知道如何处理这个问题吗？我不希望图表顶部没有空格，图表和图例之间也没有空格。

Answer 1

之所以半圆 donut chart 下面有一个很大的空白，是因为这个空间是为完整饼图的下半部分预留的(将startAngle改为0，将endAngle改为360，看看我的意思)。您可以通过为 center 数组设置新值并设置饼图的新 size 来更改它。

API 引用:
http://api.highcharts.com/highcharts/plotOptions.pie.center

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