如何整合amcharts和Ember.js？
我正在尝试整合ember.js和amcharts。 我已经根据实时图表编辑器的代码创建了以下视图（http://pastebin.com/XWVWkhJk）
App.AmchartView = Ember.View.extend
classNames: ['amcharts']
series: []
config: {}
didInsertElement: ->
@renderGraph()
renderGraph: (->
AmCharts.makeChart @get('elementId'),
type: "serial"
pathToImages: "http://cdn.amcharts.com/lib/3/images/"
categoryField: "date"
dataDateFormat: "YYYY-MM-DD"
categoryAxis:
parseDates: true
chartCursor: {}
chartScrollbar: {}
trendLines: []
graphs: [
{
bullet: "round"
id: "AmGraph-1"
title: "graph 1"
valueField: "column-1"
}
{
bullet: "square"
id: "AmGraph-2"
title: "graph 2"
valueField: "column-2"
}
]
guides: []
valueAxes: [
id: "ValueAxis-1"
title: "Axis title"
]
allLabels: []
balloon: {}
legend:
useGraphSettings: true
titles: [
id: "Title-1"
size: 15
text: "Chart Title"
]
dataProvider: [
{
date: "2014-03-01"
"column-1": 8
"column-2": 5
}
{
date: "2014-03-02"
"column-1": 6
"column-2": 7
}
{
date: "2014-03-03"
"column-1": 2
"column-2": 3
}
{
date: "2014-03-04"
"column-1": 1
"column-2": 3
}
{
date: "2014-03-05"
"column-1": 2
"column-2": 1
}
{
date: "2014-03-06"
"column-1": 3
"column-2": 2
}
{
date: "2014-03-07"
"column-1": 6
"column-2": 8
}
]
).observes('series', 'config')
在视图内部，我可以看到amcharts divs，但图形不呈现。 怎么了？ 我有<link>标记中包含的所有amcharts文件，并且浏览器控制台中没有任何错误。
有几件事你可能会错过这里。 如果您包含jsbin或jsfiddle而不仅仅是视图文件，那么猜测可能会出错的情况会容易得多。
首先，我不知道你的模板文件是什么样的，所以我不知道你是如何注入这个图表的。
我已经能够在这个jsbin中使用Ember视图成功制作一个amchart。
如果您可以发布更多代码，我会很乐意帮助找出问题所在，我知道SO应该更多地展示为什么，而不是如何，但是这里没有足够的信息。
链接地址: http://www.djcxy.com/p/61937.html