Question

我是一个初学者，我试图将图表添加到我的应用程序但不是图表，我只能看到“正在加载...”。我尝试使用chartkick，highcharts和谷歌图表，但我的应用程序中的某些内容似乎是错误的连线方式

的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>

layoutfile

<!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？

干杯

Answer 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，请在highcharts.js中保存此代码（https://code.highcharts.com/highcharts.js）。在vendor / assets / javascripts

下添加文件

在application.js文件中，添加

//= require highcharts
//= require chartkick

有关详细信息，请查看此链接https://github.com/ankane/chartkick

Rails图表仅以“正在加载...”结果，但永远不会被渲染

1 个答案: