Javascript 具有重叠数据点的d3.js voronoi

Javascript 具有重叠数据点的d3.js voronoi,javascript,d3.js,voronoi,Javascript,D3.js,Voronoi,我正在将数万个圆映射到一个具有不同半径的d3.js图表。以下是一个屏幕截图(数据子集,可以过滤): 有一个重叠的voronoi图,当用户在每个圆上滚动时,该图用于显示一个自定义弹出窗口(带有一点细节)。voronoi点(“位置”)有一个随机数指定为小数点,以防止重叠完全相似的数据点。下面是一个与voronoi重叠的屏幕截图: 但是,弹出式工具提示仅在将鼠标悬停在某些数据点上时显示,而不在其他数据点上显示 我使用的是d3.js,v2(不是v3),代码在,到目前为止我的进度在。(很难在JSFID

我正在将数万个圆映射到一个具有不同半径的d3.js图表。以下是一个屏幕截图(数据子集,可以过滤):

有一个重叠的voronoi图,当用户在每个圆上滚动时,该图用于显示一个自定义弹出窗口(带有一点细节)。voronoi点(“位置”)有一个随机数指定为小数点,以防止重叠完全相似的数据点。下面是一个与voronoi重叠的屏幕截图:

但是,弹出式工具提示仅在将鼠标悬停在某些数据点上时显示,而不在其他数据点上显示

我使用的是d3.js,v2(不是v3),代码在,到目前为止我的进度在。(很难在JSFIDLE中附加大型json数据集)

对于如何让弹出窗口出现在鼠标上方的每个圆圈上,您有什么建议或指导吗?我非常感激


编辑:我应该注意,这是基于您是否使用voronoi图表来显示工具提示?更好的方法是使用加权voronoi,使圆的面积相等。

在d3中可能吗?(感谢您的评论)。@latortue09:距离已从加权voronoi中的半径中减去。@Shaunchacobsen有一个功能请求。似乎鼠标悬停事件已按预期触发,只是有些节点出现了一个错误:
uncaughttypeerror:无法读取未定义的
的属性“route”。它在抱怨线路
var busRouteID=busRoute[“route”]。要么你在查找
总线路由的方式中存在错误,要么你的数据中根本不存在某些路由。@meetamit我觉得自己像个傻瓜!我目前正在重新编写这部分数据,因为这不是找到路线的有效方法。它现在可以工作了(我仍然需要让它停在数据点附近,而不是底部)。非常感谢。