我将数万个圆圈映射到d3.js图表,具有不同的半径。这是一个截图(可以过滤的数据子集):
当用户滚过每个圆圈时,有一个覆盖的voronoi图表,用于显示自定义弹出窗口(带有一些细节)。 voronoi点(“位置”)具有指定为小数的随机数,以防止重叠完全相似的数据点的问题。这是voronoi重叠的截图:
但是,弹出工具提示仅在鼠标悬停在某些数据点上时显示,而不会显示在其他数据点上。
我正在使用d3.js,v2(不是v3),代码位于https://github.com/shaunjacobsen/divvy_savestime,我的进度到目前为止在http://sjacobsen.com/testing/2015/bubble-chart.html处可见。 (在jsfiddle中附加大型json数据集很困难。)
对于鼠标悬停时如何让弹出窗口显示在每个圈子,您有什么建议或指导吗?我非常感激。
修改:我应该注意这是基于http://ta.virot.me.s3-website-us-east-1.amazonaws.com/hubway/hubway-summary.html
答案 0 :(得分:0)
AFAIK你使用voronoi图来显示工具提示吗?一种更好的方法是加权voronoi,其中圆圈的面积相等。