Rails 图表仅导致“正在加载...”，但从未呈现答案

【问题标题】：Rails chart results only in "Loading..." but never gets renderedRails 图表仅导致“正在加载...”，但从未呈现
【发布时间】：2017-07-18 10:41:04
【问题描述】：

我是初学者，我正在尝试向我的应用程序添加图表，但我只能看到“正在加载...”而不是图表。我尝试使用 chartkick、highcharts 和 google 图表，但我的应用程序中的某些内容似乎连接错误

application.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?

干杯

【问题讨论】：

您在控制台中看到任何错误吗？
您好，感谢您的回复。我刚刚实现了我的浏览器的这个功能。我在控制台中收到以下错误：Uncaught ReferenceError: Chartkick is not defined
你用的是chartkick还是highcharts？你应该在 app/assets/javascript 中包含 js 文件
如果您使用chartkick，请查看此链接chartkick.com

标签： javascript ruby-on-rails google-visualization chartkick

【解决方案1】：

将 chartkick 添加到应用程序的 gemfile 中

gem 'chartkick'

捆绑安装

在 app/assets/javascripts/application.js 中，添加以下行

//= require Chart.bundle
//= require chartkick

在您看来，在 application.js 之前，添加：

<%= javascript_include_tag "https://www.gstatic.com/charts/loader.js" %>

如果您想使用 highcharts，请将此代码 (https://code.highcharts.com/highcharts.js) 保存在 highcharts.js 中。在 vendor/assets/javascripts 下添加文件

在application.js文件中，添加

//= require highcharts
//= require chartkick

欲了解更多信息，请查看此链接https://github.com/ankane/chartkick

【讨论】：

我猜你可以接受我的回答，如果你成功了:)
在我的情况下，我忘了添加 javascript，谢谢