ruby-on-rails - Rails Active Admin + Chartkick = 不工作？

Question

我试图使用 Chartkick 生成显示在 Rails 活动管理仪表板上的图表。这是我正在使用的教程：http: //www.patrickedelman.com/simple-charting-for-activeadmin/

但是，图表没有显示，而是显示“正在加载...”

我已经包含了 javascript_include_tag "//www.google.com/jsapi"、"chartkick" 并安装了 gem chartkick，但它仍然无法正常工作。

请帮忙！谢谢你。

Answer 1

不要忘记添加#= require chartkick到active_admin.js.coffee.

要在 AA 仪表板中呈现图表，请使用：

div class: 'custom-class' do
  h3 'Your name for a chart'
  @metric = Model.group(:attribute).count # whatever data you pass to chart
  render partial: 'metrics/partial_name', locals: {metric: @metric}
end

这个文件

partial: 'metrics/partial_name'

位于app/views/metrics/partial_name目录下，并且可能具有以下结构：

_partial_name.html.haml：

= javascript_include_tag "//www.google.com/jsapi", "chartkick"
= pie_chart metric 

有了这个，你应该可以使用chartkick了。

Answer 2

对于 Rails 6 上的活动管理员

添加 gem "chartkick" 后，您需要添加到 app/assets/javascripts/active_admin.js：

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

Answer 3

如果您想将 js 包含在活动管理文件中而不呈现部分内容，您可以这样做：

text_node javascript_include_tag 'https://www.gstatic.com/charts/loader.js', skip_pipeline: true

就我而言，我有一个自定义页面，并将其添加到内容块中

content do
  text_node javascript_include_tag 'https://www.gstatic.com/charts/loader.js', skip_pipeline: true

  columns do
    column do
      xxxx
    end
  end
end

我从这里得到了这个想法https://stackoverflow.com/a/61460749/3984542