2017-02-08 16 views
0

棒グラフを別のdivに表示/更新しようとしていますが、piechartのドリルダウンがあります。私はハイチャートを使用しています - http://www.highcharts.com/demo/pie-drilldown表示/更新ドリルダウン付きの個別の棒グラフハイチャートの円グラフ

基本的には、ページの読み込み時に、円グラフと棒グラフが必要です(この棒グラフは円グラフとは異なるdivになります。 piechart、bargraph1を新しいバーグラフで更新する必要があります(名前をbargraph2とします)。piechartの隣にある[戻る]ボタンを押すと、古いpiechartとバーグラフ(bargraph1)が表示されます。

答えて

1

バーグラフのデータをdrilldown eventsに更新することができます。

例えば、2つのデータセットがあるとします。最初とドリルアップに、第2セットのデータをドリルダウンに -

var bargraphData = { 
    bar1: [1,2,3,4,5], 
    bar2: [5,4,3,2,1] 
} 

あなたは、バーグラフのシリーズを更新することができます。

chart: { 
    type: 'pie', 
    events: { 
     drilldown: function() { 
     bargraph.series[0].update({ 
      data: bargraphData['bar2'] 
     }); 
     }, 
     drillup: function() { 
     bargraph.series[0].update({ 
      data: bargraphData['bar1'] 
     }); 
     } 
    } 
}, 

例:http://jsfiddle.net/n2kttm9x/

関連する問題