首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >RailsCasts图表教程不显示图表

RailsCasts图表教程不显示图表
EN

Stack Overflow用户
提问于 2013-07-18 11:43:32
回答 2查看 138关注 0票数 0

我正在学习RailsCasts的图表绘制教程,但我在添加自己的数据时遇到了一些问题。当我尝试添加数据时,图表不显示。

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

代码语言:javascript
复制
<%= content_tag :div, "", id: "stats_chart", data: {stats: @stats} %>

div源代码如下:

< div data-stats="{"id":1,“出席”:121,“拯救”:12,“访客”:32,"offering":"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,"offering":"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”:“123123.0-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”:“2345.0-01-01T19:00:00Z”}“id="stats_chart">

我的coffeescript文件是:

代码语言:javascript
复制
jQuery ->
  Morris.Line
  element: 'stats_chart'
  $('#stats_chart').data('stats')
  xkey: 'date'
  ykeys: ['attendance']
  labels: ['attendance']

我猜我的问题在coffeescript中,但我不知道是什么。如果有帮助的话,我使用的是Rails4。我做错了什么?或者我需要改变什么?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-07-18 11:59:47

错误在coffeescript的第4行

它应该是:

代码语言:javascript
复制
data: $('#stats_chart').data('stats')
票数 0
EN

Stack Overflow用户

发布于 2013-07-18 11:58:21

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

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

而不是这样:

代码语言:javascript
复制
data = "this["is", "incorrect"]" # syntax error

执行以下操作:

代码语言:javascript
复制
data = "this['is', 'correct']" 
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17714146

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档