Javascript ReactHighcharts中的响应多个pieCharts

我正在使用ReactHighcharts在piecharts中可视化我的系列

我的问题是: 如何以响应的方式可视化多个动态获取数据的图表。我无法手动更改“中心”属性，因此我使用for循环迭代了整个系列，并自动设置中心属性

const config=Highcharts.chart（'container'{
图表：{
键入“pie”，
绘图边框宽度：1
},
标题：{
文本：“组名”
},
系列：[{
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]，
名称：'酒吧'，
中心：[“20%”，“50%”//水平和垂直位置
}, {
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]，
名称：'酒吧'，
中心：[“40%”，“50%”//水平和垂直位置
}, {
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]，
名称：'酒吧'，
中心：[“60%”，“50%”//水平和垂直位置
}, {
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]，
名称：'酒吧'，
中心：[“80%”，“50%”//水平和垂直位置
}],
打印选项：{
馅饼：{
数据标签：{
已启用：false
}                
}            
}
});
我最近找到了一个解决方案，它以响应的方式显示图表。
它还与海图一起工作。你唯一需要改变的是：

发件人：Highcharts.seriesTypes.pie.prototype.getCenter

收件人：ReactHighcharts.Highcharts.seriesTypes.pie.prototype.getCenter

我希望我能在同样的问题上帮助其他人

以下是解决问题的代码截取：


Highcharts.seriesTypes.pie.prototype.getCenter=函数（）{
var allPies=this.chart.series.filter（函数）{
返回s.type=='pie'；
}),
计数=所有长度，
索引=所有的索引（此），
plotWidth=this.chart.plotWidth，
plotHeight=this.chart.plotHeight，
最小尺寸=数学最小值（绘图宽度/计数，绘图高度）；
返回[（绘图宽度/计数）*（索引+0.5），绘图高度/2，最小尺寸，0]
};
var chart=Highcharts.chart（'容器'{
图表：{
键入“pie”，
绘图边框宽度：1
},
标题：{
文本：“组名”
},
系列：[{
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]，
姓名：“富”
}, {
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]，
名称：“酒吧”
}, {
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]，
名称：“酒吧”
}, {
数据：[29.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]，
名称：“酒吧”
}],
打印选项：{
馅饼：{
数据标签：{
已启用：false
}                
}            
}
});