d3触发鼠标单击特定坐标

Question

我在svg上触发鼠标事件时遇到了问题。

我正在使用库d3.js来处理一些图形任务。具体来说，当我手动点击svg上的某个位置时，d3会在其上绘制一个红色或蓝色（取决于我点击的路径）的圆圈，然后返回点击的d3.mouse坐标。

现在，假设我有一组坐标，并希望以编程方式触发svg上的相应点，以便自动绘制红色或蓝色圆圈。我怎样才能做到这一点？

我在这里阅读了很多解决方案，但没有人允许点击特定的坐标（例如，我可以轻松点击特定的路径）。

我理想的功能是：

    var svgd3 = d3.select('svg#id_svg')

    function d3click(x,y,svgd3){

    //does the click on [x,y, x,y are relative coord. depending only svg viewBox
    ...
    }

有什么想法吗？

非常感谢！