Javascript Highcharts:当useHTML设置为true时,将单击事件附加到dataLabel

Javascript Highcharts:当useHTML设置为true时,将单击事件附加到dataLabel,javascript,highcharts,Javascript,Highcharts,我在Highcharts中有一个网络图,在“点”上有一个click事件,但是我想在单击dataLabel中的一个项目时触发该事件 这把小提琴和我的很相似,Wojciech对我很有帮助。请注意,如果单击数据标签,则不会发生任何事情。但是如果将useHTML设置为false,则单击dataLabel的操作与单击标记相同 在我的版本中,我想用一些spans在dataLabel中触发click事件,但它目前不起作用。您可以使用jsaddEventListener向节点dataLabel添加事件,如下所示

我在Highcharts中有一个网络图,在“点”上有一个click事件,但是我想在单击
dataLabel
中的一个项目时触发该事件

这把小提琴和我的很相似,Wojciech对我很有帮助。请注意,如果单击
数据标签
,则不会发生任何事情。但是如果将
useHTML
设置为false,则单击
dataLabel
的操作与单击标记相同


在我的版本中,我想用一些
span
s在dataLabel中触发click事件,但它目前不起作用。

您可以使用js
addEventListener向节点dataLabel添加事件,如下所示:

  chart: {
    type: 'networkgraph',
    marginTop: 50,
    events: {
      load: function() {
        var nodes = this.series[0].nodes;

        nodes.forEach(function(node) {
          node.dataLabel.div.addEventListener('click', function(e) {
            console.log('click')
          });
        });
      }
    }
  }
演示: