Morris.js - 未顯示折線圖

Question

我正在嘗試使用morris.js生成折線圖。我在按照以下railcasts -

https://www.youtube.com/watch?v=yBMQTi_SjfU

我有一個控制器，具有法的問候打招呼。我正在使用莫里斯網站的下面的例子。

http://jsbin.com/uqawig/441/embed?js,output

按在視頻指令，我 - 1.下載Morris和聖拉斐爾的未壓縮版本，並加入到/供應商/資產/ Javascript角 2.包括「/ =需要聖拉斐爾&/=需要莫里斯」中的application.js 3.複製的Morris的例子來greetings.js.coffee並改變了代碼的CoffeeScript

jQuery -> 

Morris.Line 
    element: 'line-example' 
    data: [ 
    { y: '2006', a: 100, b: 90 , 
    { y: '2007', a: 75, b: 65 } 
    { y: '2008', a: 50, b: 40 } 
    { y: '2009', a: 75, b: 65 } 
    { y: '2010', a: 50, b: 40 } 
    { y: '2011', a: 75, b: 65 } 
    { y: '2012', a: 100, b: 90 } 
    ] 
    xkey: 'y' 
    ykeys: ['a', 'b'] 
    labels: ['Series A', 'Series B'] 

4. hello.html.erb加入div標籤使用id =」行示例'

但是我沒有得到圖表。我檢查了網頁的來源，並顯示了腳本。

我在哪裏出了錯？

Answer 1

縮進在一個地方是不正確的，因此該圖不起作用。