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

时间:2013-04-16 02:32:34

标签: d3.js meteor

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

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

尽管reading the Meteor parties example使用了d3,this tutorial on using d3 and Meteor to generate SVGthis screencast on how to build a reactive data source,但我真的很困惑!我正在很难理解Meteor中的反应数据源,模板和依赖项。

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

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

1 个答案:

答案 0 :(得分:0)

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