Highcharts 森伯斯特 dodrilldown

Question

我有两个不同时间段的旭日图，它们具有完全相同的数据结构。我想在第二张图上向下钻取以模仿第一张图上的用户向下钻取。我无法让它工作，请参阅下面的代码。

        var data = [
                { id: 'START', name: 'START'},
                { id: 'One', name: 'One', parent: 'START' },
                { id: 'OneOne', name: 'OneOne', parent: 'One', value: 30 },
                { id: 'OneTwo', name: 'OneTwo', parent: 'One', value: 70 }
            ];
var chart1;
var chart2;

$(document).ready(function () {

chart2=Highcharts.chart('container2', {
            series: [{
                type: "sunburst", data: data, allowTraversingTree: true
            }]
        });


chart1=Highcharts.chart('container1', {
            series: [{
                type: "sunburst", data: data, allowTraversingTree: true,
                point: {
                       events: {
                            click: function () {
                    chart2.series[0].data[1].doDrilldown();
                                        chart2.redraw();
                                    }
                              }
                        }
            }]
        });

        })

<script src='https://code.jquery.com/jquery-3.3.1.js'></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/sunburst.js"></script>
<script src="https://code.highcharts.com/modules/drilldown.js"></script>

<div id="container1"></div>
<div id="container2"></div>

谢谢克里斯

Answer 1

尝试将 setRootNode 功能与应在第二个旭日形图上单击的点 ID 作为参数来实现它：

演示：https://jsfiddle.net/BlackLabel/xc34k95n/

Highcharts 森伯斯特 dodrilldown

Highcharts sunburst dodrilldown

highcharts