2013-07-18 4 views
0

Я следую учебному пособию по графике из RailsCasts, но у меня возникла проблема с добавлением моих собственных данных. Диаграмма не отображается, когда я пытаюсь добавить свои данные.Графики диаграмм RailsCasts не отображают диаграмму

.

я был в состоянии получить диаграмму для отображения с примером сценарием из morris.js Я настроил мой файл index.html.erb с этой линией:

<%= content_tag :div, "", id: "stats_chart", data: {stats: @stats} %> 

источник ДИВ выглядит следующим образом:

< div data-stats = "[{" id ": 1," attendance ": 121," salvations ": 12," visit ПРС ": 32," Предложение ":" 234234,0" , "created_at": "2013-07-17T05: 33: 28.785Z", "updated_at": "2013-07-17T05: 33: 28.785Z", "campus_id" : 1, "дата": "2013-07-14", "время": "2000-01-01T19: 00: 00Z"}, { "ID": 2, "присутствие": 1212, "спасения": 1 , "гости": 21, "предлагая": "123123,0", "created_at": "2013-07-18T03: 06: 02.583Z", "updated_at": "2013-07-18T03: 06: 02.583Z",» campus_id ": 1," дата ":" 2013-07-07" , "время": "2000-01-01T17: 00: 00Z"}, { "ID": 3, "присутствие": 234, "спасения" : 2, "гости": 24, "предлагая": "2345,0", "created_at": "2013-07-18T03: 15: 12.613Z", "updated_at": "2013-07-18T03: 15: 12.613Z" , "campus_id": 1, "date": "2013-06-30", "time": "2000-01-01T19: 00: 00Z"}] "id =" stats_chart ">

И мой кофейник файл:

jQuery -> 
    Morris.Line 
    element: 'stats_chart' 
    $('#stats_chart').data('stats') 
    xkey: 'date' 
    ykeys: ['attendance'] 
    labels: ['attendance'] 

Я догадываюсь, что моя проблема в кофейни, но я не могу понять, что. Я использую Rails 4, если это помогает. Что я делаю не так? Или что мне нужно изменить?

+0

Я m собирается предположить, что это из-за turbolinks. Я предлагаю вам попробовать этот [gem] (https://github.com/kossnocorp/jquery.turbolinks) – Anujan

ответ

0

Ошибка в строке 4 CoffeeScript

Оно должно быть:

data: $('#stats_chart').data('stats') 
+0

Как-то я пропустил его и не смог его увидеть, пока не разместил здесь. –

0

Ваш набор данных недействителен из-за ошибки синтаксиса.

Атрибут данных DIV содержит неправильные вложенные двойные кавычки ", которые слишком рано закрывают набор данных. Включите весь набор данных в двойные кавычки, но используйте одиночные кавычки ' внутри него для разделения элементов.

Вместо этого:

data = "this["is", "incorrect"]" # syntax error 

сделать это:

data = "this['is', 'correct']" 
+0

JSON hash отлично работает после того, как я исправил файл coffeescript –

Смежные вопросы