ember.js - 如何集成 amcharts 和 Ember.js？

Question

我正在尝试集成 ember.js 和 amcharts。我根据实时图表编辑器中的代码创建了以下 View ( 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')

在 View 内我可以看到 amcharts div，但图形未渲染。怎么了？我有 <link> 中包含的所有 amcharts 文件标签，浏览器控制台中没有任何错误。

Answer 1

这里您可能会遗漏一些东西。如果您包含 jsbin 或 jsfiddle 而不仅仅是 View 文件，则更容易猜测可能出现的问题。

一方面，我不知道你的模板文件是什么样的，所以我不知道你如何注入(inject)这个图表。

我已经能够使用 this jsbin 中的 Ember View 成功制作 amchart .

如果您可以发布更多代码，我很乐意帮助找出问题所在，我知道 SO 应该更多地显示原因而不是如何，但这里没有足够的信息。