向下钻取图表中的点击事件 - Highcharts

Question

我正在开发一个需要显示细分图表的应用程序。我正在为此使用 highcharts，我想在用户点击第二个图表（钻孔图表）的条形图时触发点击事件。

我正在使用代码，但这也在第一个图表上触发了事件。有没有办法只在第二张图表上触发它？或检查事件是否从哪个图表引发？

 plotOptions: {
    series: {
        events:{
              click: function (event) {
               
                console.log(event);
                   alert("testing" + event.point.name)
                
              }
        }
    }
  }

示例在这里 - https://highcharts-angular-drilldown-zqmyd9.stackblitz.io/

Answer 1

尝试将您的图表定义为全局变量并添加条件以检查 chart.drilldownUpButton 是否存在于您的点击回调中。

演示：https://jsfiddle.net/BlackLabel/uhbored9/

  plotOptions: {
    series: {
      events: {
        click: function(event) {
            if (chart.drillUpButton) {
                alert("testing" + event.point.name)
           }
        }
      }
    }
  },

向下钻取图表中的点击事件 - Highcharts

Click event in drilldown chart - Highcharts

highcharts

angular-highcharts