Javascript 使用rails后端呈现余烬组件（google折线图）

最近我启动了一个rails后端和ember js的项目，但是我发现两者的文档很难找到，或者很模糊，但是我的应用程序的某些部分工作得很好

现在，我决定在ember组件中编写一个google折线图。使用ember inspector时，它倾向于在

localhost:3000/#/chart

上抛出错误，当前错误为：

未捕获错误：把手错误：在对象（生成的图表控制器）上找不到属性“图表”

下面是我的相关文件代码：

assets/javascript/components/chart\u component.js

：

var数据={
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”]，
数据集：[
{
填充颜色：“rgba（220220,0.5）”，
strokeColor:“rgba（2201）”，
点颜色：“rgba（220220,1）”，
pointStrokeColor:“fff”，
数据：[51,10,18,58,65,95,87]
},
{
填充颜色：“rgba（151187205,0.5）”，
strokeColor:“rgba（151187205,1）”，
点颜色：“rgba（151187205,1）”，
pointStrokeColor:“fff”，
数据：[28,48,40,19,96,27100]
}
]
};
变量数据2={
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”、“七月”]，
数据集：[
{
填充颜色：“rgba（220220,0.5）”，
strokeColor:“rgba（2201）”，
点颜色：“rgba（220220,1）”，
pointStrokeColor:“fff”，
数据：[51,10,18,58,65,95,87]
},
{
填充颜色：“rgba（151187205,0.5）”，
strokeColor:“rgba（151187205,1）”，
点颜色：“rgba（151187205,1）”，
pointStrokeColor:“fff”，
数据：[28,48,40,19,96,27100]
}
]
};
Sample.LineChartComponent=Ember.Component.extend({
标记名：“画布”，
属性索引：[“宽度”、“高度”]，
宽度：'480'，
高度：'360'，
数据：空，
didInsertElement:函数（）{
var ctx=this.get（'element'）.getContext（“2d”）；
var myNewChart=newchart（ctx）.Line（this.get（'data'））；
}
});

javascripts/routes/chart\u route

：

Sample.ChartRoute=Ember.Route.extend({
模型：函数（）{
返回Ember.Object.create({
模式一：数据，
模型二：数据2
});
}
});

我在这里调用图表组件。。javascripts/templates/chart.handlebar

图表一
{{chart data=model.modelOne}
图二
{{chart data=model.modelTwo}

至于命名约定：

组件名称中必须有破折号。因此，博客文章是一种 可接受的名称，但不接受post。这可以防止与当前的冲突 或将来的HTML元素名称，并确保Ember拾取 组件自动生成

---

据我所知，您将组件简单地称为“图表”，这可能就是问题所在。

至于命名约定：

组件名称中必须有破折号。因此，博客文章是一种 可接受的名称，但不接受post。这可以防止与当前的冲突 或将来的HTML元素名称，并确保Ember拾取 组件自动生成

---

据我所知，您将组件简单地称为“图表”，这可能就是问题所在。

至于命名约定：

组件名称中必须有破折号。因此，博客文章是一种 可接受的名称，但不接受post。这可以防止与当前的冲突 或将来的HTML元素名称，并确保Ember拾取 组件自动生成

---

据我所知，您将组件简单地称为“图表”，这可能就是问题所在。

至于命名约定：

组件名称中必须有破折号。因此，博客文章是一种 可接受的名称，但不接受post。这可以防止与当前的冲突 或将来的HTML元素名称，并确保Ember拾取 组件自动生成

---

---

据我所知，您将组件简单地称为“图表”，这可能就是问题所在。

您能将模板发布到调用图表组件的位置吗？我在调用组件的位置添加了.handlebar文件，希望这将有助于您尝试用谷歌搜索错误吗？你看到了吗？是的，我花了几个小时寻找答案。因此，我认为最好重新表述我的问题，以减少可能导致另一个问题无法回答的歧义。我被卡住了，目前没有太多关于这个的文档。你能把你的模板发布到调用图表组件的地方吗？我在调用组件的地方添加了.handlebar文件，希望这会有帮助。你尝试过用谷歌搜索错误了吗？你看到了吗？是的，我花了几个小时寻找答案。因此，我认为最好重新表述我的问题，以减少可能导致另一个问题无法回答的歧义。我被卡住了，目前没有太多关于这个的文档。你能把你的模板发布到调用图表组件的地方吗？我在调用组件的地方添加了.handlebar文件，希望这会有帮助。你尝试过用谷歌搜索错误了吗？你看到了吗？是的，我花了几个小时寻找答案。因此，我认为最好重新表述我的问题，以减少可能导致另一个问题无法回答的歧义。我被卡住了，目前没有太多关于这个的文档。你能把你的模板发布到调用图表组件的地方吗？我在调用组件的地方添加了.handlebar文件，希望这会有帮助。你尝试过用谷歌搜索错误了吗？你看到了吗？是的，我花了几个小时寻找答案。因此，我认为最好重新表述我的问题，以减少可能导致另一个问题无法回答的歧义。我被卡住了，目前没有太多关于这个的文档。您的文件名也应该与组件名匹配。例如，如果你调用你的组件