是否可以动态刷新HighCharts向下钻取？

Question

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

填充下钻第一级的代码没有问题，但第二级未更改为（[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; 
}); 

如果你不想在你里面去chart.options.drilldown.series[0].data = []等来代替完整的块，但只是数据。

您的更新fiddle is here。