d3.js - 提交表单后，使用 Meteor 集合中新插入的数据更新 d3 图表

Question

我的 Meteor 应用程序有点简单，它显示了一个 d3 图表，该图表使用存储在新插入的 mongodb 文档中的服务器计算数据生成:

用户填写一个简单的表单并单击提交按钮

服务器使用表单数据

执行一些异步工作和 CPU 密集型计算

一个包含 2 个字段(formData 和 calculateResult)的新微积分文档被插入到 mongodb 微积分集合中

SVG 图表更新为新计算的数据

尽管 reading the Meteor parties example使用 d3， this tutorial on using d3 and Meteor to generate SVG和 this screencast on how to build a reactive data source ，我真的越来越糊涂了!我很难正确理解 Meteor 中的响应式(Reactive)数据源、模板和依赖项。

插入新的微积分文档后，我似乎无法更新 SVG 图表。

这是我的问题:在提交在集合中插入文档的表单后，使用服务器计算的数据自动更新 d3 生成的 SVG 图表的全面的、新手友好的方法是什么？

Answer 1

您要么需要让用户订阅 Calculi 集合 ( http://docs.meteor.com/#reactivity ) 中的更改，或者如果您在模板中呈现用户的响应，您可以做出并调用 update()运行 d3 代码的方法。这将在 d3 代码的更新部分更新您的图表。