Question

我正在尝试使用morris.js来生成折线图。我正在关注以下的铁路广播 -

https://www.youtube.com/watch?v=yBMQTi_SjfU

我有一个控制器，问候方法你好。我在Morris的网站上使用以下示例。

http://jsbin.com/uqawig/441/embed?js,output

根据视频说明，我有 - 1.下载未压缩版本的morris和raphael并添加到/ vendor / assets / javascripts 2.包括＆＃34; / =要求raphael＆amp; / =要求莫里斯＆＃34;在application.js中 3.复制了莫里斯＆＃39;示例到greetings.js.coffee并将代码更改为coffeescript

jQuery ->

Morris.Line
  element: 'line-example'
  data: [
    { y: '2006', a: 100, b: 90 ,
    { y: '2007', a: 75,  b: 65 }
    { y: '2008', a: 50,  b: 40 }
    { y: '2009', a: 75,  b: 65 }
    { y: '2010', a: 50,  b: 40 }
    { y: '2011', a: 75,  b: 65 }
    { y: '2012', a: 100, b: 90 }
  ]
  xkey: 'y'
  ykeys: ['a', 'b']
  labels: ['Series A', 'Series B']

4。在hello.html.erb中添加了一个div标签，其中id =＆＃39; line-example＆＃39;

但是我没有得到图表。我检查了网页的来源并显示了脚本。

我哪里出错？

Answer 1

缩进在一个地方不正确，因此图表不起作用。

Morris.js - 未显示的折线图

1 个答案: