2017-01-19 3 views
2

HighChartsドリルダウンをリフレッシュしたい。これを行うために、通常の方法でシリーズとドリルダウンをセットアップしました。HighChartsのドリルダウンを動的にリフレッシュすることはできますか?

ドリルダウンの最初のレベルを埋めるコードは問題ありませんが、2番目のレベルは([10,5,1])に変更されていません。コードは

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

はあなたがchart.options.drilldown.seriesを介してデータを上書き/アクセスすることができ、ここでjsfiddle

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

答えて

0

を持っています。例えば:場合

$('#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

+0

データを更新した後、ドリルダウンは機能しなくなりましたか? – user813813

+0

@ user813813ドリルダウンが開いている場合にデータを追加/操作すると、highchartsが機能しなくなることがわかったと思います。以前に閉じてから、更新された回答とフィドルを参照する必要があります –

関連する問題