我正在使用chartkick gem 来显示图表。我遵循了正确的安装文档,但是每当我尝试使用他们的方法时
timeline [["Washington", "1789-04-29", "1797-03-03"], ["Adams", "1797-03-03", "1801-03-03"], ["Jefferson", "1801-03-03", "1809-03-03"]]
它在萤火虫 ReferenceError 中显示错误:未定义 Chartkick
我正在使用chartkick gem 来显示图表。我遵循了正确的安装文档,但是每当我尝试使用他们的方法时
timeline [["Washington", "1789-04-29", "1797-03-03"], ["Adams", "1797-03-03", "1801-03-03"], ["Jefferson", "1801-03-03", "1809-03-03"]]
它在萤火虫 ReferenceError 中显示错误:未定义 Chartkick
根据您喜欢的图表库,您需要在视图文件中包含它的 javascript 路径。这为我解决了这个问题。
<%= javascript_include_tag "path/to/highcharts.js", "chartkick" %>
让我们了解所有潜在的陷阱(非 highcharts 解决方案)
宝石文件:
确保之后运行 bundle install
include 'chartkick'
应用程序.JS:
在你的config/environments/development.rb
你可能已经设置了config.assets.compress = true
and config.assets.compile = true
,config.serve_static_files = true
这意味着你需要重新编译你的资产以查看开发中的变化。
//= require chartkick
哈姆勒:
javascript 包含行以 '=' 而不是 '-' 开头。@report.data 应该是活动记录关系
= javascript_include_tag '//www.google.com/jsapi', 'chartkick'
= pie_chart @report.data
服务器:
如果使用弹簧,请尝试spring stop
. 重新启动您的 Rails 服务器。强制重新加载页面cmd+shift+R
或ctrl+shift+R
(并非所有浏览器都可以这样做)
这对我有用:
包含:
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
<%= yield :charts_js %>
在 application.html.erb + 按照文档步骤