Question

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

我找到了以下jsfiddle：“删除链接以便能够发布解决方案”，但不明白它是如何工作的。例如，如何使用真正的余烬数据模型进行调整。类似的东西：

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

更新

直观的像素清洁和现代化的例子。我还添加了一些虚拟夹具数据：http://jsbin.com/abadom/11/edit 现在的问题似乎是仍然会渲染随机生成的值，而不是夹具数据。

更新2：

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

Answer 1

这可能不是一个完整的解决方案，但是根据您提到的example我已经重构了一些代码，因此它使用ember-data模型。我还将所有js依赖项更新到最新版本，以证明它仍然有效。我想你现在有了一个更好的起点，可以将ember-data的模型与 d3 一起使用，并且仍然遵循ember的惯例。

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

修改

由于您在评论中询问路线，请在此处查看另一个更新的jsbin 与路径。它仍然使用随机值（为简单起见），但您可以通过路线等导航看到数据发生变化。

希望它有所帮助。