Ruby on rails Morris.js won'；t在我的rails应用程序中绘制图形

通过制作一个项目来学习rails。正在尝试构建图形表单@resource.prices data。我一直在关注这件事。做每件事都只是按照它显示的方式，但在这里没有结果

这是我的咖啡脚本：

jQuery -> 
  Morris.Line
    element: 'prices_chart'
    data: $('#prices_chart').data('prices')
    xkey: 'date'
    ykeys: ['price']
    labels: ['Price']

以下是我的视图文件代码：

<%= content_tag :div, "", id: "prices_chart", data: {prices: @resource.prices} %>

以下是@resource.prices.inspect提供的内容：

    #<ActiveRecord::Associations::CollectionProxy [
#<Price id: 5, resource_id: 8, price: 13, created_at: "2015-12-30 11:59:38", updated_at: "2015-12-30 11:59:38", date: "2015-01-07">, 
#<Price id: 6, resource_id: 8, price: 14, created_at: "2015-12-30 11:59:53", updated_at: "2015-12-30 11:59:53", date: "2015-02-05">, 
#<Price id: 7, resource_id: 8, price: 15, created_at: "2015-12-30 12:00:03", updated_at: "2015-12-30 12:00:03", date: "2015-03-26">,
...]>

#

正如我们所见，它包含价格和日期。但图表仍然是空的。可能出了什么问题？数组末尾的三个点是什么

UPD控制台中指向morris.js的错误：

---

未捕获类型错误：无法读取null的属性“match”

正如它所指出的，您似乎有错误的方法传递数据，请在html控制台中检查“#prices_chart”的

数据价格

属性，您将看到如下内容：

“顺便说一句，那。。。这是因为在同一视图中使用了其中一个窗体的.build函数。通过调用chart早于.build函数来解决这个问题。
<%= content_tag :div, "", id: "prices_chart", data: {prices: @resource.prices.to_json } %>

jQuery -> 
  $.ajax
    url: # your api endpoint
    data: # your data
    success: (data) ->
      Morris.Line
        element: 'prices_chart'
        data: data
        xkey: 'date'
        ykeys: ['price']
        labels: ['Price']