我是初学者，我正在尝试向我的应用程序添加图表，但我只能看到"正在加载..."而不是图表。我尝试过使用chartkick，highcharts和google图表，但是我的应用程序中的某些内容似乎以错误的方式连接
应用.js
//= require jsapi
//= require highcharts
//= require chartkick
//= require jquery3
//= require jquery_ujs
//= require rails-ujs
//= require turbolinks
//= require_tree .
视图
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js">
</script>
</head>
<body>
<%= pie_chart({"Football" => 10, "Basketball" => 5}) %>
</body>
</html>
布局文件
<!DOCTYPE html>
<html>
<head>
<%= csrf_meta_tags %>
<%= javascript_include_tag "application" %>
<%= javascript_include_tag "//www.google.com/jsapi", "chartkick" %>
</head>
<body>
<%= yield %>
</body>
</html>
我为任何观点感到非常高兴。另外，我不确定application.js中所需的所有js文件需要去哪里。vendor/assets/javascript or app/assets/javascript？
干杯
将 chartkick 添加到应用程序的 gemfile
gem 'chartkick'
捆绑安装
在 app/assets/javascripts/application.js 中，添加以下行
//= require Chart.bundle
//= require chartkick
在您的意见中，在申请之前.js添加：
<%= javascript_include_tag "https://www.gstatic.com/charts/loader.js" %>
如果您想使用高图表，请将此代码(https://code.highcharts.com/highcharts.js(保存在高图表.js中。在供应商/资产/javascripts下添加文件
在应用程序.js文件中，添加
//= require highcharts
//= require chartkick
有关更多信息，请查看此链接 https://github.com/ankane/chartkick
以防万一有人需要使用更强大和更可定制的选项：
https://github.com/railsjazz/rails_charts/
该图表与 gem 捆绑在一起，不需要外部连接。 此外，它不需要有jQuery。
如果您需要非常简单的东西 - https://github.com/railsjazz/peity_vanilla_rails