Reactjs Highcharts多个图表向下展开

我使用了下面给出的两个图表-

现在，当我单击性别图表上的女性/男性时，我想根据所选性别重新创建“按部门”图表

我应该重新创建全新的“按部门”图表，还是应该更改“按部门”图表的深入分析系列

这是性别表代码

填充性别图表=（）=>{

---

想知道当我向下钻取第一个图表时如何获取第二个图表的参考。

您可以使用Highchart的

向下钻取功能

对于基本设置，
向下钻取
系列在
向下钻取
配置下的单独数组中定义。每个系列配置都有一个id，用于
向下钻取
父点识别其系列

API参考：



向下钻取的示例：

const filter_data = this.filter_data;
const setfilterstate = this.setfilterstate;
const populate_drilldown_data = this.populate_drilldown_data;

var options = {
  chart: {
    type: "pie",        
    events:{          
      drilldown: function(e){                                    
        var filter_by_value = (e.point.name === 'Female') ? 'F': 'M'                                      
         var series = populate_drilldown_data(e)            
          this.addSeriesAsDrilldown(e.point, series[0]);            


      },          
    },
  },




populate_department_name_chart = (data) => {
      const filter_data = this.filter_data;
      const setfilterstate = this.setfilterstate;
      var options = {
        chart: {
          type: "pie",        
          events:{          
            drilldown: function(e){                        
              console.log('department drilldown')