2013-07-18 69 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 ORS 「:32,」 祭 「:」 234234.0" , 「created_at」: 「2013-07-17T05:33:28.785Z」, 「的updated_at」: 「2013-07-17T05:33:28.785Z」, 「campus_id」 :1, 「日期」: 「2013年7月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年7" 月7日, 「時間」: 「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'] 

我猜我的問題是在coffeescript,但我無法弄清楚什麼。如果有幫助,我使用Rails 4。我究竟做錯了什麼?或者我需要改變什麼?

+0

我我會假設它是因爲渦輪鏈接。我建議你試試這個[gem](https://github.com/kossnocorp/jquery.turbolinks) – Anujan

回答

0

的錯誤是在CoffeeScript中的第4行

它應該是:

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

不知何故,我錯過了,直到我張貼在這裏纔看到它。 –

0

由於語法錯誤,您的數據集無效。

DIV的數據屬性包含錯誤嵌套的雙引號",它們將數據集過早關閉。將整個數據集用雙引號括起來,但在其內部使用單引號'來分隔元素。

取而代之的是:

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

做到這一點:

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

JSON散列工作正常後,我糾正了咖啡腳本 –