Моррис.js-линейный график не отображается

Я пытаюсь использовать Морриса.js для создания линейного графика. Я следую ниже railcasts —

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

У меня есть контроллер, Привет с методом hello. Я использую приведенный ниже пример для сайта Морриса.

http://jsbin.com/uqawig/441/embed?js, выход

Согласно инструкции в видео, я имею —
1. скачал несжатую версию morris и raphael и добавил к / vendor/assets/javascripts
2. включено «/ = require raphael & / =require morris » в приложении.js
3. скопировал пример Морриса в приветствия.js.кофе и изменил код на 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. добавлен тег div в hello.формат html.erb с id= ‘пример строки’

Однако я не получаю диаграмму. Я проверил источник веб-страницы, и он показывает сценарий.

Где я ошибся?

1 ответ