尝试将单击函数附加到d3中的节点文本

Question

我正在尝试生成一个模式,当单击一个节点的文本时,从我的json文件中提取信息.我遇到了麻烦,所以我现在只想生成一个警报框.我认为我需要为节点文本声明一个变量,但是我遇到了麻烦.这就是我现在所拥有的:

  node.append("svg:text")
  .attr("text-anchor", "middle")
  .attr("dy", "3.5em")
  .text(function(d) { return d.name; })

  var textNodes = node.append("svg:text").text()
  .on("click", function(d, i) { alert("Hello world"); });

或者,我不明白为什么这也不起作用.

node.append("svg:text")
  .attr("text-anchor", "middle")
  .attr("dy", "3.5em")
  .text(function(d) { return d.name; })
  .on("click", function(d) { alert("Hello world"); });

Answer 1

您正在明确设置pointer-events: none文本节点(可能是复制和粘贴错误).在样式中删除此行允许单击事件触发.