高图树状图,展开事件

时间:2019-03-02 05:14:08

标签: javascript highcharts

我有一个不错的javascript树状图,并且能够为钻取事件添加事件,如下所示:

series: [{
    point: {
      events: {
        click: function(event){
          alert(this.name);
          alert(event.point);
      }
    }

在备份时,单击“后退”按钮时,我无法添加类似事件。

我尝试过:

Highcharts.chart('container1', {
  chart : {
    events : {
      drillup : function(event){
          alert("DA");
      }
    }
  },
  series: [{
    point: {
      events: {
        click: function(event){
          alert(this.name);
          alert(event.point);
        },
        drillup : function(event){
          alert("DA");
        }

      }
    }

但是系列和图表中的细分都似乎不起作用,我如何实现这一目标?

https://jsfiddle.net/ofg9k3m8/6/

1 个答案:

答案 0 :(得分:0)

我在这里找到了解决方法: https://github.com/highcharts/highcharts/issues/9812

Highcharts.addEvent(Highcharts.Series, 'click', function() {
  alert('drill down');
});

(function(H) {
  H.wrap(H.seriesTypes.treemap.prototype, 'drillUp', function(proceed) {
    // add code here to run before the drillup
    alert('before drill up');

    // proceed
    proceed.apply(this, [].slice.call(arguments, 1));

    // add code here to run after the drillup
    alert('after drill up');
  });
}(Highcharts))

这是更新的https://jsfiddle.net/k9c80za7/1/