流星d3.js通信事件

meteor d3.js communicate event

本文关键字：事件 通信 js d3 流星      更新时间：2023-09-26

我正在使用Meteor - D3 - Force . JS示例:使用Meteor JS的实时反应D3力布局图。

我有一个d3代码在流星应用程序。我想向3d定义的元素添加一个事件处理程序，例如:

d3.select(#element).on("click",remove()).

然后，我想在meteor

中实现这些内容
// When the element changes, delete
// the element.
Template.chat.events({
'change #element': function () {
Messages.remove(this._id);
}
 });

我的解决方案:使用event.target.id我可以访问svg元素的baseVal并使用它来更新数据库:

 Template.body.events({
    "click .circle-type1": function (event) {
     // removes Node also from mongod by _id
     Nodes.remove(event.target.id);
   }
  });

使用console.log(events)执行检查;

在d3.js中以典型的方式创建圆圈，并具有

。("点击"删除())

处理程序。总的来说，我得到的功能是:我可以添加或删除流星模板中的元素。事件，还可以在点击d3.js元素时删除，同时使用event函数更新集合，如下所示。

相关文章：