Javascript 单击sunburst图表中的子元素，向下钻取到父元素

我在Highcharts中有一个sunburst图表，我想要它，这样当你点击一个“子”元素时，它将缩放/深入到父元素。请参阅图片以获得直观的解释

我能够像这样硬编码我想要的“财务”目标：

mychart.series[0].data[1]

基于我的数据结构。我在网上看到，我可以使用doDrilldown（）函数来实现这个目的，但它根本不起作用。我在这上面花了好几个小时

---

我还尝试在父元素上触发“单击”事件，但没有成功。

经过数小时的搜索，我终于找到了适合我的解决方案

我必须手动浏览Highcharts的js文件，以便sunburst最终找到此功能：

chart.series[0].setRootNode(drillId, true, {trigger: 'click'});

在我的例子中，“Financial”的drillId是“Financial”。奇迹般的是，这是有效的

不需要硬编码，您只需通过单击事件（如在图表系列本身上设置）获取父级的drillId即可：

series: [{
    type: 'sunburst',
    data: data,
    events: {
              click: function(event) {
                //console.log(event.point);
                var id = event.point.id;
                var parent = event.point.parent;  // also the drillId
                
                // ... do logic here
                
              }          
            },
     // and so on