Rails Active Admin + Chartkick =不工作？

Question

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

然而，图表并没有显示出来，而是显示了“加载.”

我已经安装了javascript_include_tag "//www.google.com/jsapi“、" 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 

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

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