Javascript 动态更改海图饼图的中心？

我试图在窗口调整大小事件中更改Highchart饼图的中心，但我无法做到这一点

这里有一个

在那里，我试图移动馅饼却没有成功

$（函数（）{
var图表=新的Highcharts.图表({
图表：{
renderTo:'容器'，
plotBackgroundColor:null，
plotBorderWidth:null，
影子：错，
键入：“馅饼”
},
打印选项：{
馅饼：{
中心：[“50%”，“50%”
}
},
系列：[{
名称：'品牌'，
colorByPoint：对，
数据：[{
名称：“Microsoft Internet Explorer”，
y:56.33
}, {
名称：“Chrome”，
y:24.03，
}, {
名称：“Firefox”，
y:10.38
}, {
名称：“Safari”，
y:4.77
}, {
名字：'歌剧'，
y:0.91
}, {
名称：“专有或不可检测”，
y:0.2
}]
}]
});
$（'#changeposition'）。单击（函数（）{
chart.options.plotOptions.pie.center=[“0”，“50%”；
控制台日志（图表）；
});
});

左边
只需添加以下内容：

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

你需要重新绘制图表

这是一个分叉的JSFIDLE：只需添加以下内容：

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

你需要重新绘制图表

这里有一个分叉的jsfiddle工作：
已经在这里回答了

已在此处回答

有没有办法滑动饼图而不是重新创建？有没有办法滑动饼图而不是重新创建？有没有办法滑动饼图而不是重新创建？我建议移动容器div，在那里，您可以根据需要对其设置动画，甚至可以使用诸如greensock之类的库。您无法动态修改图表中心，您必须重新绘制它。是否有办法滑动饼图而不是重新创建饼图？我建议移动容器div，在那里，你可以根据自己的需要设置动画，甚至可以使用诸如greensock之类的库。你不能动态修改图表中心，你必须重新绘制它。