我想使用raphael.js或d3.js呈现 ember.js 视图。我的理解是可以做到这一点,但在阅读了所有文档和谷歌搜索之后,我似乎无法弄清楚如何让它工作。有什么建议么?
一个 hello world 示例将是理想的,至少可以让我走上正确的道路。
Johannes Fahrenkrug 有一篇博客文章,Raphael.js
与Sproutcore 2.0
http://blog.sproutcore.com/using-raphael-js-with-sproutcore-2-0/一起使用。代码托管在https://github.com/jfahrenkrug/sproutcore-raphael。
由于 Ember.js 是从 Sproutcore 2.0 演变而来的,因此使用现有代码应该不会做太多工作。我将 Johannes 的优秀示例移植到 Ember.js 并创建了一个 JSFiddle,请参见http://jsfiddle.net/pangratz666/BHYgQ/。您绝对应该在 GitHub 上查看该项目。
我移植的示例托管在GitHub 上,可以在http://pangratz.github.com/ember-raphael上实时查看。
至于 D3,你可以看看 Alex Rothenberg 的文章Combining D3 and Ember to Build Interactive Maps。
请参阅 alex rothenberg 的这篇精彩博文:
http://www.alexrothenberg.com/2012/05/30/interactive-maps-with-d3-and-ember.html
我将 DC.js Crossfilter + D3 Charts 移植到 Ember 组件https://github.com/andrewreedy/ember-dc