HighCharts半圆形折叠，删除边缘和填充

Question

我一直在尝试从HighCharts SEMI-CIRCLE-DONUT 。

我已经尝试使用margin: [0,0,0,0]和所有不同的四个间距属性。我还尝试将PlotOptions的size属性设置为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，然后设置边距。

Answer 2

以下选项对我有用

在图表选项中，以负顶部和底部边距向上移动图表。

chart: {
   marginTop: -50,
   marginBottom: -50,
   marginLeft: 0,
   marginRight: 0,
}

绘图选项大小应为 size: '100%'。

plotOptions: {
    pie: {
       dataLabels: {
          enabled: true,                    
            style: {
               fontWeight: 'bold',
               color: 'black',
           }
        },
        size: '100%',
        startAngle: -90,
        endAngle: 90,
        center: ['50%', '75%']
    }
 },

Answer 3

我认为这是您期望的

 series: [{
        pointPadding: 0,
         groupPadding: 0,
        type: 'pie',
        size: '100%',
        name: 'Browser share',
        innerSize: '150%',
        data: [
            ['Firefox',   45.0],
            ['IE',       26.8],
            ['Chrome', 12.8],
            ['Safari',    8.5],
            ['Opera',     6.2],
            ['Others',   0.7]
        ]
    }]

将内部大小更改为150％，然后尝试