通常图表在下钻之后,会点返回,返回之后,可能需要调用上钻回调事件,在drillup事件里获取上钻数据,然后对需要联动进行操作:
chart: {
type: 'column',
events: {
drillup: function (e) {
var id = e.seriesOptions.id;
xxxx= id;
search();
}
}
},
接下来是介绍常见操作,highcharts的下钻,在events里进行操作:
plotOptions: {
events: {
click: function (e) {
xxxxx = e.point.id;
search();
}
}
}
},
上下钻中,返回按钮文字描述,全局lang:
lang: {
drillUpText: '返回上一级'
}
上下钻中,返回按钮默认位置可能会档住图标,设置drilldown的参数,移动位置方法:
plotOptions: {
drilldown: {
drillUpButton: {
position: {
y: -38,
x: -40
}
},
上下钻中,调整theme的参数,设置返回按钮文字的高度:
plotOptions: {
theme: {
height: 12,
} }