当鼠标靠近D3中的一行时显示工具提示
当鼠标靠近D3中的一行时显示工具提示
提问于 2017-11-09 14:29:20
所以我在D3js中有一张线图。我在点上加了svg圆圈。如果用户悬停在这个圆圈上，他们会看到一个工具提示。
https://jsfiddle.net/jhynag08/38/
但是我希望他们在接近圆圈时看到工具提示(可能在5-10 in范围内)。我知道我可以添加一个背景矩形(完全宽度和高度)，然后做一些类似-> https://jsfiddle.net/53aLmt7r/1/的事情。
svg.append("rect")
.attr("class", "overlay")
.attr("width", width)
.attr("height", height)
.on("mouseover", function() {
focus.style("display", null);
})
.on("mouseout", function() {
focus.style("display", "none");
})
.on("mousemove", mousemove);但我的线条图里也有条形图。因此，如果我尝试这样做，我不再能够得到工具提示的条形图时，我悬停在它之上。
有没有一种方法，只是有某种“活跃的区域”周围的线图悬停工作？
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-11-09 15:05:31
一个简单的解决方案是给圆一种stroke风格，并使其透明化如下：
.style("stroke","transparent")
.style("stroke-width","15px")这里有一个更新的小提琴
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47204378
复制相关文章
相似问题
腾讯云开发者
