边距不会调整以制作较小的图表？

Question

我有以下饼图，但无法弄清楚如何让边距更接近渲染饼图本身。我需要挤进一些较小的房地产，它与其他div重叠

Fiddle-＆GT; http://jsfiddle.net/8EZM4/

<div id="container3" class="container3" style="width: 120px; height: 130px; margin: -25px 0px -80px -20px; padding-bottom: -10px; border-width:1px; border-style: solid"></div>

Answer 1

Highcharts为标签和标题等留出了空间。摆脱空间要做的几件事：

• 将间距和边距设置为零
• 设置饼图的大小

在我看来，其中一个应该有效。但是，如果我只是做第一个，那么图表有点太小了，如果我只做第二个，那么图表就有点太大了。

$('#container').highcharts({    
    chart: {
        type:'pie',
        borderWidth: 1,
        plotBorderWidth: 0,
        spacingBottom: 0,
        spacingTop:0,
        spacingLeft:0,
        spacingRight:0,
        margin: [0, 0, 0, 0]
    },

    title: {
        text:''
    },
    plotOptions: { 
        pie: {
            size:300,
            dataLabels: {
                enabled: false,
            }
        }
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});

http://jsfiddle.net/J3ZFf/

http://api.highcharts.com/highcharts#plotOptions.pie.size

Answer 2

我对错误感到困惑。包含图表的div是120px乘130px。这是设置黑色边框的大小，如果任何东西太大，这个div必须首先变小。除此之外，莱尔德夫人说，消除边距和间距将起到作用。