Javascript Highchart向上钻取功能现在在reactjs中工作

Javascript Highchart向上钻取功能现在在reactjs中工作,javascript,highcharts,react-highcharts,Javascript,Highcharts,React Highcharts,我用的是highchart大树形图。我在点击每个部分时都会得到级别数据。但也需要在后退按钮上获取数据。所以我使用事件钻取功能来获取点击后退按钮时的数据。下面是我的代码 this.setState({ data: { series: [{ type: 'treemap', layoutAlgorithm: 'squarified', allowDrillToN

我用的是highchart大树形图。我在点击每个部分时都会得到级别数据。但也需要在后退按钮上获取数据。所以我使用事件钻取功能来获取点击后退按钮时的数据。下面是我的代码

  this.setState({
        data: {
            series: [{
                type: 'treemap',
                layoutAlgorithm: 'squarified',
                allowDrillToNode: true,
                animationLimit: 1000,
                dataLabels: {
                    enabled: false
                },
                levelIsConstant: false,
                levels: [{
                    level: 1,
                    dataLabels: {
                        enabled: true
                    },
                    borderWidth: 0,

                }],
                data: points,
                events: {
                    click:(e)=>{
                        console.log(e)
                    },
                    drillup:(e)=>{
                        console.log(e)
                    }
                }
            }],
            // subtitle: {
            //     text: 'Click points to drill down. Source: <a href="http://apps.who.int/gho/data/node.main.12?lang=en">WHO</a>.'
            // },
            title: {
                text: ''
            }
        }
    })

但仍然没有得到任何数据。请提供帮助。

请注意,treemap系列不使用向下展开模块,但有自己的向下展开实现,您可以在这里找到以下逻辑:

您需要做的是在单击该点时渲染自定义按钮,并在此按钮上附加更新功能。比如这里:

演示:

API:

API:

import drilldown from "highcharts/modules/drilldown";
drilldown(Highcharts);
events: {
  click() {
    let chart = this.chart;

    chart.button = chart.renderer.button('back', 500, 0, function() {

      chart.series[0].update({
        data: data1
      })
      chart.button.destroy();
    }).add()

    this.update({
      data: data2
    })
  }
}