Morris.js - das Liniendiagramm wird nicht angezeigt

Question

Ich versuche, morris.js zu verwenden, um Liniendiagramm zu generieren. Ich folge den unten railcasts -

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

Ich habe einen Controller, Grüße mit Methode hallo. Ich verwende das folgende Beispiel für Morris Website.

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

Gemäß der Anweisung in Video, ich habe - 1. unkomprimierte Version von morris und raphael heruntergeladen und hinzugefügt/Verkäufer/assets/Javascripts 2. enthalten „/ = erfordern raphael &/= morris erfordert“in application.js 3. die morris kopiert Beispiel greetings.js.coffee und den Code geändert

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. hinzugefügt einen div-Tag in hello.html.erb mit id = zu Coffee‘ Zeilenbeispiel '

Allerdings bekomme ich das Diagramm nicht. Ich überprüfte die Quelle der Webseite und es zeigt das Skript.

Wo bin ich falsch gelaufen?

Answer 1

Der Einzug war an einer Stelle nicht korrekt, daher funktionierte der Graph nicht.