Javascript InfoVis Spacetree - 动态隐藏/显示工具提示

Question

Javascript InfoVis Spacetree - 动态隐藏/显示工具提示

3

我一直在谷歌上搜索，但似乎找不到答案。我也会在JavaScript InfoVis Toolkit Google Group中询问。

我想知道是否可以使用InfoVis spacetree动态隐藏/显示工具提示。目前它们已经打开了，并且我已经设置了提示，如下所示：

Tips: {
        enable: true,
        type: 'HTML',
        offsetX: 10,
        offsetY: 10,
        onShow: function (tip, node)
        {
            tip.innerHTML = getToolTip(node);
        }
    },

但我似乎找不到任何关于如何在后期关闭它们的参考资料。例如，我希望用户能够勾选一个框来隐藏/显示工具提示，然后相应地显示它们。我尝试使用 st.tips.hide()（st 是我的 spacetree 的名称），但它没有任何作用。如果我执行 alert(st.tips)，我会得到一个对象，但我不知道该对象上有哪些可用函数。

非常感谢您的帮助！谢谢！

- usernamegoeshere

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Oliver · Accepted Answer

我正在使用ForceDirected，并遇到了类似的问题。我想在用户用光标离开节点后，让工具提示显示一段时间...

调用

graph.tips.hide(false)

对我来说有效（你曾经尝试过传递一个参数给hide函数吗？）。我无法告诉你是传递true还是false，两者对我都有效...

总的来说，你可以尝试这样做：

Tips: {  
      enable: true,
      type: 'HTMl',
      onShow: function(tip, node, isLeaf, domElement) {
          //Check if checkbox is checked
          var checked = $('input[type=checkbox]').is(':checked');

          if (checked == true){
            tip.innerHTML =  getToolTip(node);
          } else {
            graph.tips.hide(true);
          };
      }

无论如何，这只是一个想法，我没有时间去测试它（伪代码？...）

希望这能帮到你！

谢谢。