highcharts半餅容器太大

我有一個半餅圖，但我希望容器的行爲就像是一個半餅圖，而不是像一個隱藏一半的完整餅。我的意思是，我不希望容器足夠大以容納整個餡餅，只是一半。然後我會在下面放置一個自定義圖例。這是我所看到的：http://jsfiddle.net/dangeruponu/bk2E5/highcharts半餅容器太大

這裏是我的選擇：

$(function() { 
    $('#container').highcharts({ 
     chart: { 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false, 
      width: 400, 
      height: 400 
     }, 
     title: { 
      text: 
       '<div style="padding: 10px; color: white; background-color: #000000">' + 
        '<span style="font-size: xx-large">11</span><br/>' + 
        '<span>Total</span>' + 
       '</div>', 
      floating: true, 
      useHTML: true, 
      y: 100 
     }, 
     legend: { 
      symbolHeight: 0, 
      symbolWidth: 0, 
      floating: true, 
      useHTML: true, 
      labelFormat: '<div style="width: 80px; background-color: {color}; text-align: center; border: 2px solid"><span>{name}</span><br/><span style="font-size: larger">{y}</span></div>' 
     }, 
     tooltip: { 
      pointFormat: '{point.name}: {point.y}', 
      headerFormat: '' 
     }, 
     plotOptions: { 
      pie: { 
       allowPointSelect: true, 
       cursor: 'pointer', 
       dataLabels: { 
        enabled: false 
       }, 
       events: { 
        click: function(event){ 
         scope.$apply(urlService.url(event.point.page));         
        } 
       }, 
       selected: false, 
       startAngle: -90, 
       endAngle: 90, 
       innerSize: '90%', 
       showInLegend: true 
      } 
     }, 
     series: [{ 
      type: 'pie', 
      data: [ 
       { 
        name: 'Re-work', 
        y: 4, 
        page: '', 
        color: '#7CB5EC' 
       }, 
       { 
        name: 'New', 
        y: 2, 
        page: 'NEW', 
        color: '#995CAC' 
       }, 
       { 
        name: 'In-progress', 
        y: 5, 
        page: '/orders/in_progress', 
        color: '#90ED7D' 
       } 
      ] 
     }] 
    }); 
});

我知道我可以上下移動的中心，但然後我會在頂部具有空間大的塊。是否可以將容器與圖表分開調整？

來源

2014-04-22 CodesLikeA_Mokey