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

Nithyashree LR

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

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

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

jsfiddle

马丁纳斯马

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

该代码有几个问题:

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

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

// ...

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

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

tip.show(d);

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章