Javascript 如何为同一图形显示不同的图例容器（sunburst向下搜索）？在图表4中

我试图为同一个图形添加两个图例容器（sunburst向下钻取）。一个在图表的左侧，另一个在右侧

经过大量的研究，我找到了解决方案，但它是针对piechart的，而不是针对sunburst的深入研究。我希望sunburst向下钻取采用相同的解决方案

下面是我找到的解决方案的图像

上图的代码：

Js、CSS、HTML

/**
* ---------------------------------------
*此演示是使用amCharts 4创建的。
*
*有关更多信息，请访问：
* https://www.amcharts.com/
*
*文件可从以下网址获取：
* https://www.amcharts.com/docs/v4/
* ---------------------------------------
*/
am4core.useTheme（am4themes_动画）；
//创建图表实例
var chart=am4core.create（“chartdiv”，am4charts.PieChart）；
//添加数据
chart.data=
[{
“国家”：“立陶宛”，
“升”：501.9
}, {
“国家”：“捷克”，
“升”：301.9
}, {
“国家”：“爱尔兰”，
“升”：201.1
}, {
“国家”：“德国”，
“升”：165.8
}, {
“国家”：“澳大利亚”，
“升”：139.9升
}, {
“国家”：“奥地利”，
“升”：128.3升
}, {
“国家”：“英国”，
“升”：99
}, {
“国家”：“比利时”，
“升”：60
}, {
“国家”：“荷兰”，
“升”：50
}];
//添加和配置系列
var piesteries=chart.series.push（新的am4charts.piesteries（））；
pieSeries.dataFields.value=“升”；
pieSeries.dataFields.category=“国家”；
pieSeries.labels.template.disabled=true；
半径=AM4中心百分比（95）；
chart.legend=新的am4charts.legend（）；
chart.legend.position=“左”；
chart.legend.scrollable=true；
//创建自定义图例
图表.events.on（“就绪”，函数（事件）{
//在图表呈现时填充自定义图例
chart.customLegend=document.getElementById（'legend'）；
pieSeries.dataItems.each（函数（行，i）{
var color=chart.colors.getIndex（i）；
变量百分比=数学四舍五入（row.values.value.percent*100）/100；
var值=行值；
legend.innerHTML+=''+row.category+''+value+'|'+percent+'%；
});
});
功能切换片（项目）{
var slice=pieSeries.dataItems.getIndex（item）；
if（切片可见）{
slice.hide（）；
}
否则{
slice.show（）；
}
}
函数悬停切片（项目）{
var slice=pieSeries.slices.getIndex（项）；
slice.isHover=true；
}
功能片（项目）{
var slice=pieSeries.slices.getIndex（项）；
slice.isHover=false；
}

正文{
字体系列：-苹果系统、BlinkMacSystemFont、“Segoe UI”、Roboto、Helvetica、Arial、无衬线、“苹果颜色表情”、“Segoe UI表情”、“Segoe UI符号”；
}
#沙特迪夫{
宽度：530px；
高度：450px；
字体大小：11px；
边框：1px实心#eee；
浮动：左；
}
#传奇{
宽度：200px；
高度：450px；
边框：1px实心#eee；
左边距：10px；
浮动：左；
}
#图例。图例项{
利润率：10px；
字体大小：15px；
字体大小：粗体；
光标：指针；
}
#图例。图例项。图例值{
字体大小：12px；
字体大小：正常；
左边距：22px；
}
#图例。图例项。图例标记{
显示：内联块；
宽度：12px；
高度：12px；
边框：1px实心#ccc；
右边距：10px；
}
#图例。图例项。已禁用。图例标记{
不透明度：0.5；
背景：ddd；
}