D3 - 如何为工具提示调用数组

Question

我试图做到这一点，以便在您悬停时每个项目的名称都显示在工具提示中。我确信对此有一个简单的答案，但我是 D3 的新手，所以我不确定它是什么。

此处示例：http://www.chloesilver.ca/favouritethings/object/

你可以看到，当你悬停时，会出现一些疯狂的代码，所以我显然做错了。

在 D3 脚本中，我这样做了：

$('svg circle').tipsy({  
        gravity: 'w',  
        html: true,   
        title: function() {  
          var o = colors.domain;  
          return o;  
        } 
      });

我正在尝试调用之前在代码中指定的特定域标签。我可以用 CSV 来做到这一点，但这里的棘手之处是所有信息都保存在 HTML 文档中的脚本中。

Answer 1

删除工具提示的代码并在第 236 行之后：.call(force.drag) 添加以下内容：

.on("mouseover", function(d) {
    $(this).tipsy({ 
        gravity: 'w', 
        html: true, 
        title: function() {
            return d.name;
        }
    })
});

您现在应该会看到每个项目的名称作为工具提示。