从组件

Question

我正在尝试使用Ember.js显示图表。我试图从组件“multiple-line.js”加载模型中的数据，如下所示：

{{multiple-line dataset=model}}

路线

model: function() {
    return this.store.findAll('dataset');
}

模型/ dataset.js

App.Dataset = DS.Model.extend({
  key: DS.attr('string'),
  values: DS.hasMany('value',{async: true})
});

模型/ value.js

App.Value = DS.Model.extend({
  datasets: DS.belongsTo('dataset',{async: true}),
  xValue: DS.attr('number'),
  yValue: DS.attr('number') 
});

适配器/ application.js中 首先是：

import DS from 'ember-data';

export default DS.RESTAdapter.extend({
    shouldReloadAll() { return true; }
});

服务器/嘲笑/ Datagroup.js

module.exports = function(app) {
  var express = require('express');
  var datagroupRouter = express.Router();

  datagroupRouter.get('/', function(req, res) {
    res.send({
      'dataset': [
          {
          id: 1,
          key: "Cbio",
          values: [
              {
              id: 1,
              "xValue": 1,
              "yValue": 21
              },
              {
              id: 2,
              "xValue": 20,
              "yValue": 150
              },
              {
              id: 3,
              "xValue": 40,
              "yValue": 200
              },

我没有将所有用于在组件中显示我的D3.js图表​​的代码组合在一起。那么如何才能正确使用Model / Adapter / Route / Component来实现此应用程序。这是JsBin with the code。