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