在表单提交后,使用Meteor集合中新插入的数据更新d3图表

jbm*_*sso 6 d3.js meteor

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

  • 用户填写一个简单的表单并单击提交按钮
  • 服务器使用表单数据执行一些异步工作和CPU密集型计算
  • 在mongodb Calculi集合中插入一个包含2个字段(formData和calculatedResult)的新Calculus文档
  • 使用新计算的数据更新SVG图表

尽管阅读了使用d3 的Meteor派对示例,本教程使用d3和Meteor生成SVG以及关于如何构建反应式数据源的截屏视频,但我真的很困惑!我正在很难理解Meteor中的反应数据源,模板和依赖项.

在插入新的Calculus文档后,我似乎无法更新SVG图表.

这是我的问题:在提交一个在集合中插入文档的表单后,自动更新d3生成的SVG图表与服务器计算的数据有什么全面,新手友好的方式?

Stu*_*son 0

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