使用Highcharts的追溯餅圖顯示/更新單獨的條形圖

Question

我正在嘗試通過餅圖的向下鑽取在不同的div中顯示/更新條形圖。 我正在使用Highcharts- http: //www.highcharts.com/demo/pie-drilldown

基本上，在頁面加載時，應該有一個餅圖和一個條形圖（將其命名為bargraph1。此條形圖將與餅圖位於不同的div中。當我在餅圖中向下鑽取時，應使用一個新的更新bargraph1 bargraph（將其命名為bargraph2）。當我按下餅圖旁邊的“后退”按鈕時，它將帶回舊的餅圖和條形圖（bargraph1）。

讓我知道如何實現此圖。

Answer 1

您可以在向下鑽取事件上更新條形圖的數據。

因此，如果您有兩組數據，例如

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/