D3.js 根据在其他svg中执行的操作更改一个svg的外观

我正在创建一个网页，我有两个svg。一是事件的时间线；我希望这样，用户可以单击时间轴上的事件，并在第二个svg中显示其他信息

但是，我不知道如何将这些特定信息输入到第二个svg中。这是我用来在时间线上创建事件的代码。我已经设置好了这样的功能，只要点击一下，它就会做一些事情（但是我没有运气将一小部分数据传输到另一个svg，我也不确定我调用另一个svg的方式是否有效；我对js/d3非常缺乏经验）

---

在函数

more_info

中，

d3.js

将神奇地从特定的

圆圈

元素中传递参数

d

（数据）和

i

（索引）。假设您已将所有“额外数据”放入绑定到

圆圈

元素的

数据

变量中，则可以在

更多信息

函数中获取该数据。您只需添加如下参数：

function more_info (d, i) {
    doSomething(d.extradata);
}

function more_info (d, i) {
    doSomething(d.extradata);
}