文件名称：ember-d3-workshop:展示如何结合 Ember 和 d3 的研讨会
文件大小：105KB
文件格式：ZIP
更新时间：2024-07-02 09:20:48
JavaScript
Ember-d3 工作坊
本次研讨会通过两个可视化展示了在 Ember 中创建 d3 可视化的不同方法：
每部詹姆斯邦德电影中詹姆斯邦德杀人数的散点图
此图表说明了 Ember 中基于模板的 d3 可视化方法：数据点被包装到一个{{each}}帮助器中，每个单独的数据点本身成为一个组件，您可以在其中处理数据点级别的交互。
时间推文量的条形图
此图表说明了如何仍然可以使用经典的 d3 方法进行连接和转换。
这两个组件都说明了在 Ember 中使用计算属性的重要性。 此外，我们看到了定义良好的组件 API 如何使我们能够为图表组件提供不同的数据，而无需更改组件代码本身，无论是不同的数据集还是从静态数据到流数据的更改。
先决条件
您将需要在您的计算机上正确安装以下东西。
（带有 NPM）
安装
git clone
【文件预览】：
ember-d3-workshop-master
----.jshintrc(518B)
----.DS_Store(6KB)
----public()
--------crossdomain.xml(603B)
--------robots.txt(41B)
----bower.json(545B)
----.ember-cli(280B)
----.travis.yml(245B)
----config()
--------environment.js(1KB)
----README.md(3KB)
----.bowerrc(60B)
----testem.json(170B)
----.editorconfig(514B)
----tests()
--------.jshintrc(814B)
--------index.html(994B)
--------test-helper.js(112B)
--------helpers()
--------unit()
----.gitignore(265B)
----server()
--------.jshintrc(19B)
--------mocks()
--------index.js(652B)
----Brocfile.js(796B)
----app()
--------index.html(648B)
--------views()
--------models()
--------styles()
--------controllers()
--------components()
--------helpers()
--------app.js(414B)
--------templates()
--------router.js(285B)
--------routes()
----package.json(1KB)
----vendor()
--------.gitkeep(0B)