Question

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

但是，图表没有显示，而是显示＆＃34;正在加载......＆＃34;

我已经添加了javascript_include_tag＆＃34; // www.google.com/jsapi"，＆＃34; chartkick＆＃34;并且安装了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上的Active Admin

添加宝石“ 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

Rails Active Admin + Chartkick =不工作？

3 个答案:

对于Rails 6上的Active Admin