動態更改Highchart派的中心？

Question

我想改變一個窗口大小事件的Highchart派的中心，但我不能做到這一點。

這裏有一個jsfiddle

在那裏我試圖移動沒有成功餡餅...

$(function() { 
 
    var chart = new Highcharts.Chart({ 
 
     chart: { 
 
     \t renderTo: 'container', 
 
      plotBackgroundColor: null, 
 
      plotBorderWidth: null, 
 
      plotShadow: false, 
 
      type: 'pie' 
 
     }, 
 
     plotOptions: { 
 
      pie: { 
 
       center: ["50%","50%"] 
 
      } 
 
     }, 
 
     series: [{ 
 
      name: 'Brands', 
 
      colorByPoint: true, 
 
      data: [{ 
 
       name: 'Microsoft Internet Explorer', 
 
       y: 56.33 
 
      }, { 
 
       name: 'Chrome', 
 
       y: 24.03, 
 
      }, { 
 
       name: 'Firefox', 
 
       y: 10.38 
 
      }, { 
 
       name: 'Safari', 
 
       y: 4.77 
 
      }, { 
 
       name: 'Opera', 
 
       y: 0.91 
 
      }, { 
 
       name: 'Proprietary or Undetectable', 
 
       y: 0.2 
 
      }] 
 
     }] 
 
    }); 
 
    $('#changeposition').click(function() { 
 
     \t chart.options.plotOptions.pie.center = ["0","50%"]; 
 
     console.log(chart); 
 
    }); 
 
});

<script src="https://code.highcharts.com/highcharts.js"></script> 
 
<script src="https://code.highcharts.com/modules/exporting.js"></script> 
 
<button id="changeposition" type="button">To the left</button> 
 
<div id="container" style="min-width: 310px; height: 400px; max-width: 600px; margin: 0 auto"></div>

Answer 1

只需補充一點：

$('#changeposition').click(function() { 
     chart.options.plotOptions.pie.center = ["0%","50%"]; 
     console.log(chart); 
     chart = new Highcharts.Chart(chart.options); 
}); 

你需要重新繪製字符噸。

這裏是一個分叉的jsfiddle工作：https://jsfiddle.net/45j7bxnn/1/

Answer 2

已經處於HighCharts. Change options dynamically

chart.options.plotOptions.pie.center = ["0%","50%"]; 
chart = new Highcharts.Chart(chart.options); 

https://jsfiddle.net/su8ts5zo/2/