Javascript Highcharts Sunburst自定义图例和单击功能

Sunburst自定义图例并单击功能 我有一个关于太阳风暴的大数据集，我想在右边显示2级的图例。因为我知道这些值，所以我制作了一个带有所有级别2数据的自定义图例，并将其作为链接。但我没有得到所有级别的颜色代码

我使用了var colors=Highcharts.getOptions（）.colors

但我只得到一些颜色代码

如何获得图形中使用的完整颜色代码

当我点击那个图例时，我只想在图中显示那个级别及其子级别。（与图表中可用的默认功能相同）。我该怎么做

请帮忙

我在代码中添加了一个颜色变量：

const color = i >= colors.length ? colors[i - colors.length] : colors[i];

演示：

以下是一种方法，用于在太阳爆发时触发对未完成元素的向下搜索：

document.getElementById('btn').addEventListener('click', function(){
chart.series[0].points.forEach(d => {
    if (d.name === 'Asia') {
        chart.series[0].setRootNode(d.id, true, { trigger: 'click' })
    }
})

})

---

演示：

我在这里给出的代码感谢您的回复。即使图例颜色和sunburst图形颜色不匹配。就这样变了。。现在它开始工作了。。