带有工具提示的D3 js折线图悬停在多个折线图上

Question

我试过这个链接的

http://jsfiddle.net/jasonantho/wmab3tyw/6/

please help me with more comment lines on code to clearly understand it

我已经完成了多线图，但我需要获取信息数据的工具提示，请提前帮助我。

Answer 1

最简单的方法是在每个圈子中添加一个svg：title元素，因为浏览器会显示工具提示并且您不需要鼠标处理程序。代码类似于

vis.selectAll("circle")
   .data(datafiltered).enter().append("svg:circle")
   ...
   .append("svg:title")
   .text(function(d) { return d.x; });

如果你想要更漂亮的工具提示，你可以使用tipsy。有关示例，请参阅here。

这个答案取自Show data on mouseover of circle。 我在这里提出相同的答案作为推荐：D