highcharts图表的上钻下钻,下钻数据,与回取数据

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

}
原文地址:https://www.cnblogs.com/Xanthus/p/9486838.html