首页 > 解决方案 > Highcharts Treemap,向上钻取事件

问题描述

我有一个不错的 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/

标签: javascripthighcharts

解决方案


我在这里找到了解决方法: 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/


推荐阅读