Question

我正在关注RailsCasts的图表教程，但是我在添加自己的数据时遇到了一些问题。当我尝试添加数据时，图表不显示。

我能够使用morris.js的示例脚本显示图表。我用这一行设置了我的index.html.erb文件：

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

div源如下：

＆LT; 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， ”日期“： ”2013年7月14日“， ”时间“：” 2000-01 -01T19：00：00Z “}，{” ID “：2”，出勤 “：1212，” 救恩 “：1，” 访问者 “：21，” 祭 “：” 123123.0" ， “created_at”：“2013年7月-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， “日期”： “2013-06-30”， “时间”： “2000-01-01T19：00：00Z”}]“id =”stats_chart“＆gt;

我的coffeescript文件是：

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

我猜我的问题出现在coffeescript中，但我无法弄清楚是什么。如果有帮助的话，我正在使用Rails 4。我究竟做错了什么？或者我需要改变什么？

Answer 1

由于语法错误，您的数据集无效。

DIV的数据属性包含不正确嵌套的双引号"，它们过早地关闭了数据集。将整个数据集用双引号括起来，但在其中使用单引号'来分隔元素。

而不是：

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

这样做：

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

Answer 2

错误在coffeescript的第4行

应该是：

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

RailsCasts图表教程不显示图表

2 个答案: