Javascript 使用Highcharts的向下展开饼图显示/更新单独的条形图

我正在尝试使用piechart的深入显示/更新不同div中的条形图。我用的是海图-

基本上，在页面加载时，应该有一个piechart和一个条形图（让我们将其命名为bargraph1。此条形图与piechart位于不同的div中。当我深入piechart时，它应该用一个新的条形图更新bargraph1（让我们将其命名为bargraph2）。当我按下piechart旁边的back按钮时，它应该会带回旧的piechart和bargraph（bargraph1）

---

让我知道如何实现此图形。

您可以在上更新条形图的数据

所以如果你有两组数据，例如

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']
        });
      }
    }
},

例如：