基于条件d3.js的工具提示可见性

Question

仅当选中复选框值时，才需要在移动悬停时显示图的节点的工具提示。 否则它不应该显示。

我尝试了如下代码。 但是它不起作用。

.on('mouseover', function (d) {
  if(document.getElementById("chkEnableDisableNames").checked == true){
    d.show ;
}
else { 
  return null;
}})

jsfiddle

Answer 1

注意：我将参考您的jsFiddle示例，因为其中的代码与您在问题中发布的代码段不同。

该代码有几个问题：

1）您正在使用自定义函数showhidefunc()来调节笔尖的显示。 该函数不在您的悬停事件范围内，因此不会继承它的局部变量，因此您需要通过参数将其传递：

.on('mouseover', function(d) {
  showhidefunc(d); 
}

// ...

function showhidefunc(d) {
  // ...
}

2） tip.show()不是属性，而是一种方法，需要在带有节点的参数中传递该方法以显示tip才能工作：

tip.show(d);

除此之外，您的代码看起来不错。

这是上面更新的（工作中的）小提琴： http : //jsfiddle.net/f8R3M/39/