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

Question

我一直在用谷歌搜索这个，但似乎找不到答案。我也会在 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 是我的空间树的名称)但它没有做任何事情。如果我执行 alert(st.tips)，我会得到一个对象，但我不知道该对象有哪些可用函数。

任何帮助将不胜感激!谢谢!

Answer 1

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

打电话

graph.tips.hide(false)

对我有用(你有没有试过传递一个参数来隐藏？)。我不能告诉你是通过 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);
          };
      } 

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

希望这对您有所帮助!

干杯