Javascript 当鼠标靠近D3中的直线时显示工具提示_Javascript_Html_Css_D3.js_Charts

Javascript 当鼠标靠近D3中的直线时显示工具提示

javascript html css d3.js charts

Javascript 当鼠标靠近D3中的直线时显示工具提示,javascript,html,css,d3.js,charts,Javascript,Html,Css,D3.js,Charts,我在D3js中有一个折线图。我在点上添加了svg圆圈。如果用户将鼠标悬停在该圆圈上，他们会看到工具提示但我想让他们在接近圆时看到工具提示（可能在5-10px范围内）。我知道我可以添加一个背景矩形（全宽和全高）并执行类似操作-> 但我在折线图中也有条形图。所以，如果我尝试使用这种方法，当我将鼠标悬停在条形图上时，我将无法再获得条形图的工具提示有没有一种方法可以在悬停运行的折线图周围设置某种“活动区域”？一个简单的解决方案是给圆设置一个笔划样式，并使其透明，如下所示： .style("

我在D3js中有一个折线图。我在点上添加了svg圆圈。如果用户将鼠标悬停在该圆圈上，他们会看到工具提示

但我想让他们在接近圆时看到工具提示（可能在5-10px范围内）。我知道我可以添加一个背景矩形（全宽和全高）并执行类似操作->

但我在折线图中也有条形图。所以，如果我尝试使用这种方法，当我将鼠标悬停在条形图上时，我将无法再获得条形图的工具提示

有没有一种方法可以在悬停运行的折线图周围设置某种“活动区域”？

一个简单的解决方案是给圆设置一个

笔划

样式，并使其透明，如下所示：

   .style("stroke","transparent")
   .style("stroke-width","15px")

这里有一个更新的

漂亮的。非常感谢。

   .style("stroke","transparent")
   .style("stroke-width","15px")