javascript - HighCharts Semi-Circle-Donut，去除边距和填充

Question

我一直在尝试从 HighCharts semi-circle-donut 中移除边距和填充。

我已经尝试过使用 margin: [0,0,0,0] 和所有不同的四个间距属性。我还尝试将 plotOptions 的 size 属性设置为 100%。

我创建了一个 jsfiddle http://jsfiddle.net/W7bXw/1/演示问题和我尝试过的选项。如您所见，半圆和容器之间仍然有巨大的填充。

有趣的是，将 margin 或 spacing 设置为 0 对 HighCharts 中的常规饼图有效。

更新:

根据公认的答案，此图表的解决方案是使用负边距和容器的显式高度。

Answer 1

这应该可以帮助您:http://api.highcharts.com/highcharts - http://api.highcharts.com/highcharts#chart.margin 在这里，您可以找到如何使图表的填充更小或为 0。 添加此图表脚本并根据需要更改值以适合您的页面

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

更新: 检查这个:http://jsfiddle.net/W7bXw/2/

您必须为您的 div #container 设置宽度，然后再设置边距。