Highcharts 半饼图 - 删除饼图和图例之间的 space

Question

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

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

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

结果是：

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

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

结果是：

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

Answer 1

这是一种简单的方法：

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

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

Answer 2

之所以半圆甜甜圈图下方留有很大的空白，是因为这个space是为全饼图的下半部分预留的（将startAngle改为0，endAngle改为360即可明白了吗）。您可以通过为 center 数组设置新值并设置饼图的新 size 来更改它。

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

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

Highcharts 半饼图 - 删除饼图和图例之间的 space

Highcharts semi-pie - remove space between pie and legend

html

javascript

css

highcharts

pie-chart