0

RailsCasts のチャート作成に関するチュートリアルに従っていますが、独自のデータを追加する際に少し問題が発生しています。データを追加しようとしてもチャートが表示されません。

morris.js のサンプル スクリプトを使用してグラフを表示することができました。次の行で index.html.erb ファイルを設定しました。

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

div ソースは次のとおりです。

< div data-stats="[{"id":1,"出席":121,"救い":12,"訪問者":32,"提供":"234234.0","created_at":"2013-07- 17T05:33:28.785Z","updated_at":"2013-07-17T05:33:28.785Z","campus_id":1,"date":"2013-07-14","time":"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,"date":"2013-07-07","time":" 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,"日付":"2013-06-30","時刻":"2000-01-01T19:00:00Z"}]" id="stats_chart">

私のcoffeescriptファイルは次のとおりです。

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

私の問題はコーヒースクリプトにあると思いますが、何がわかりません。それが役立つ場合、私はRails 4を使用しています。私は何を間違っていますか？または、何を変更する必要がありますか？

4

2 に答える 2

0

エラーは、coffeescript の 4 行目にあります。

そのはず：

data: $('#stats_chart').data('stats')
于 2013-07-18T03:59:46.940 に答える
0

構文エラーのため、データ セットが無効です。

DIV のデータ属性には、不適切にネストされた二重引用符が含ま"れており、データ セットを閉じるのが早すぎます。データ セット全体を二重引用符で囲みますが、その'中で要素を区切るために単一引用符を使用します。

これの代わりに：

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

これを行う：

data = "this['is', 'correct']"
于 2013-07-18T03:58:20.643 に答える