通常图表在下钻之后,会点返回,返回之后,可能需要调用上钻回调事件,在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, } }