javascript - 是否可以动态刷新 HighCharts 钻取？

Question

我想刷新 HighCharts 深入分析。为此，我以通常的方式设置了一系列和深入分析。

填充钻取第一级的代码很好，但第二级没有更改为 ([10,5,1])。代码是

 $('#button').click(function() {
    chart.series[0].setData([10],[10,5,1] ); 
 });   
});

这里有一个jsfiddle

https://jsfiddle.net/bd1v6tew/3/

Answer 1

您可以通过chart.options.drilldown.series访问/覆盖数据。例如:

 $('#button').click(function() {
        // force highchart to close a open drilldown
        // otherwise the data will not be updated, or 
        // chart will not work any longer
        if (chart.drilldownLevels.length > 0) {
            chart.drillUp();
        }
        chart.series[0].setData([10]); 
        // structure to replace the old data
        var newdrilldown = [{
            id: 'item1',
            data: [
                {
                    name: 'Condition 1',
                  y: 10
                },
                 {
                    name: 'Condition 2',
                  y: 5,
                },
                {
                    name: 'Condition 3',
                  y: 1,
                }]
        }];
        // here you access your drilldown
        chart.options.drilldown.series = newdrilldown; 
});

如果您不想替换整个 block ，而只想替换其中的数据，请选择 chart.options.drilldown.series[0].data = [] 等。

您的更新fiddle is here .