d3.js,如何在同一个(lat,long)绘制多个圆圈?

时间:2016-10-25 17:47:13

标签: javascript d3.js data-visualization

我有一种情况,我必须在特定(纬度,经度)的地图上绘制小圆圈,但我让它们相互重叠,只看到最后一个圆圈,其他圆圈隐藏在最后一个圆圈下面一,有什么我可以在某处看到的例子,请看下面的图片和建议。 Please click here

1 个答案:

答案 0 :(得分:0)

SVG是单个平面,这意味着如果圆圈彼此重叠,那么只会看到顶部的一个。所以你所要求的在技术上是不可能的。

但是,如果你想要退出"滑出"如果圆圈直接在彼此的顶部,则必须修改圆圈的y值,如果它们相等,则可以看到它们中的每一个。

所以如果你有这样的数组:

[ { x: 1, y: 2 }, { x: 1, y: 2 } ]

您必须手动对具有相同x和y值的项目进行分组,然后稍微修改y值,以便它们如下所示:

[ { x: 1, y: 2 }, { x: 1, y: 2.1 } ]

希望这有帮助。