javascript - Highcharts:当 useHTML 设置为 true 时，将点击事件附加到 dataLabel

Question

我在 Highcharts 中有一个网络图表，并且有一个附加到“点”的点击事件，但是我想在点击 dataLabel 中的项目时触发该事件。

这个 fiddle 与我的类似https://jsfiddle.net/BlackLabel/xsLnmd0u/ ，Wojciech 对此非常有帮助。请注意，如果您单击dataLabel，则不会发生任何事情。但如果您将 useHTML 设置为 false，则单击 dataLabel 的作用与单击标记相同。

在我的版本中，我想用 dataLabel 内的一些 span 来触发点击事件，但目前它不起作用。

Answer 1

您可以使用 js addEventListener 将事件添加到节点 dataLabels，如下所示:

  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')
          });
        });
      }
    }
  }

演示:

• https://jsfiddle.net/BlackLabel/8uy4aq6z/