HighCharts 半圆甜甜圈，删除边距和填充

Question

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

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

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

有趣的是，将边距或间距设置为 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 设置宽度，然后设置边距。