【问题标题】:Chartkick + Rails 4 "undefined method `pie_chart' for #<#<Class:..."Chartkick + Rails 4“#<#<Class:...的未定义方法`pie_chart'”
【发布时间】:2013-10-11 01:23:11
【问题描述】:

我是 Rails 新手。我遵循了文档和这个例子:Using Chartkick in Rails 4.0 但我无法让 Chartkick 工作。我得到未定义的方法饼图。我的 js 看起来像这样:

//= require chartkick
//= require jsapi
//= require jquery
//= require jquery_ujs
//= require turbolinks
//= require bootstrap
//= require_tree .

我尝试在应用程序 kayout 和显示页面中都包含 javascript_include。

有什么想法吗?谢谢大家。我真的很感谢我在这里得到的每一点帮助。

【问题讨论】:

  • 你能粘贴完整的错误信息吗?另外,请务必在图表之前包含 Javascript。
  • 当然。 NoMethodError in Static#home Showing /app/views/static/home.html.erb where line #7 raise: undefined method `pie_chart' for #:0x007fbf3b744bc0> 提取的源代码(在第 7 行附近): 10, "篮球" => 5}) %>
  • 听起来您可能需要重新启动 Rails 服务器。
  • 那是我得到未定义的方法饼图
  • 另外,请务必将 gem 添加到您的 Gemfile 并运行 bundle install。

标签: javascript ruby-on-rails ruby charts


【解决方案1】:

事实证明,由于 Chartkick 作为引擎运行,我不需要在应用程序 js 文件中添加 // include chartkick - 我删除了它,它就像一个魅力一样工作。这意味着让 Chartkick 在 Rails 4 中工作的步骤是:

  • gem 'chartkick' 添加到您的 Gemfile 中
  • &lt;%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %&gt; 添加到app/views/layouts/application.html.erb

【讨论】:

  • @SNEHPANDYA 你在哪里添加了上面的行
  • layout.html.erb
【解决方案2】:

只需将其添加到您的 chartkick 的 javascript_include_tag - 'data-turbolinks-track' =&gt; true。还安装了jquery-turbolinks gem(在application.js 文件中需要正确的脚本结构)。最后重启服务器。

【讨论】:

    【解决方案3】:

    #= 需要 active_admin/base

    需要chartkick

    在 active_admin.js.coffee 中

    并像这样在 app/views/items 文件夹中的部分文件.._items.html.ebr 中从 google 调用直接 jsapi

    javascript_include_tag "//www.google.com/jsapi", "chartkick"

    饼图顺序,库:{pieSliceText: 'value'}

    然后像这样调用这个部分文件

    div 类:'custom-class' 做

            h3 'Items'
            @item = Item.group(:menu_id).count #whatever data you pass to chart
            render partial: 'items/items', locals: {item: @item}
          end
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2020-05-30
      • 1970-01-01
      • 2015-02-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多