Rails 活跃管理员 + Chartkick = 不工作？

Question

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

然而，该图并未显示，而是显示 "Loading..."

我已经安装了 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

我从这里得到灵感

Rails 活跃管理员 + Chartkick = 不工作？

Rails Active Admin + Chartkick = Not working?

ruby

ruby-on-rails

activeadmin

chartkick

对于 Rails 6