d3.js - 使用 d3.tip 的多个鼠标悬停事件

Question

我正在尝试更改也调用了 d3.tip 的 svg 元素的笔画。

我的代码的相关部分如下所示:

    map.call(tip);

    map.on("mouseover", function(){ d3.select(this).style({stroke:"#7bd362"}); tip.show; });

    map.on("mouseout",tip.hide);

我能够让我的代码执行一个事件:在鼠标悬停时更改其笔划，或显示工具提示。但我不能让这两个事件同时发生。

有没有人在 d3 tip 之前和其他鼠标事件方面取得过成功？

Answer 1

我最终需要将数据对象传递给 tip.show() 函数。

最终代码:

map.on("mouseover", function(d){ 
  tip.show(d); 
 })
 .on("mouseout", function(d){
  tip.hide(d);          
});

我还没有尝试过，但这也可能有效:

map.on("mouseover", tip.show).on("mouseout", tip.hide);