Chartkick饼图在使用库选项时未显示百分比

我有与此类似的问题。所以Chart.bundle不提供饼图的选项

取而代之的是，您可以使用此处文档中指定的Google图表

因此，您要做的就是//= require Chart.bundle从application.js中删除

转至application.html.erb或用于显示视图及之前的布局，<%= Javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>或用于加载js libs add的类似内容<%= Javascript_include_tag "https://www.gstatic.com/charts/loader.js" %>。它看起来像这样：

<%= Javascript_include_tag "https://www.gstatic.com/charts/loader.js" %>
<%= Javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>

还有！我也注意到您在代码中缺少“]”。修复您可以使用以下方法运行图表：

<%= pie_chart [["Soccer", @soccer_total], ["Basketball",  @basketball_total], ["Baseball",  @baseball_total], ["Other", @other_total ]] %>

您应该能够看到百分比而无需添加任何选项

如果要自定义图表选项，则可以在此处查看文档

编辑：您application.js应该看起来像这样

//= require jquery
//= require jquery_ujs
//= require chartkick
//= require bootstrap-sprockets
//= require turbolinks
//= require_tree .

和您的application.html.erb or the layout that you are using at your controller likethis（在不需要时最后删除highcharts.js include_tag）：

  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= Javascript_include_tag "https://www.gstatic.com/charts/loader.js" %>
  <%= Javascript_include_tag 'application', 'data-turbolinks-track' => true %>