ember.js - 用 ember 显示 D3 图形

Question

任何人都可以解释如何使用模型的 ember-data 用 d3 和 ember 渲染简单的线图。当底层模型发生变化时，图表应该重新呈现。

我找到了以下 jsfiddle：“删除了能够发布解决方案的链接”，但不明白它是如何工作的。例如，应该如何调整它以使用真实的 ember 数据模型。就像是：

App.Point = DS.Model.extend({
    x: DS.attr("number"),
    y: DS.attr("number")
});

更新：

Intuitivepixel 对示例进行了清理和现代化。我还添加了一些虚拟夹具数据： http: //jsbin.com/abadom/11/edit 现在的问题似乎是仍然呈现随机生成的值，而不是夹具数据。

更新2：

在 IRC 上的一些人的帮助下，这就是我想要的：http: //jsbin.com/abadom/35/edit

score 3 · Accepted Answer

这可能不是一个完整的解决方案，但是按照您提到的示例，我对代码进行了一些重构，以便它使用ember-data模型。我还将所有 js 依赖项更新到最新版本，以证明它仍然有效。我想您现在有了一个更好的起点，可以将ember-data' 模型与d3一起使用，并且仍然遵循ember' 约定。

看看这个jsbin，你可能会发现它很有用。

编辑

由于您在评论中要求路由，请参见此处另一个更新的带有路由的jsbin 。它仍然使用随机值（为简单起见），但您可以通过导航等方式看到数据的变化。

希望能帮助到你。

1 回答 1