ruby-on-rails Rails活动管理+ Chartkick =不工作?

pn9klfpd  于 2023-01-10  发布在  Ruby
关注(0)|答案(4)|浏览(190)

我试着用Chartkick生成一个图表,显示在Rails的活动管理 Jmeter 板上。下面是我正在使用的教程:http://www.patrickedelman.com/simple-charting-for-activeadmin/
但是,图形没有显示,而是显示“Loading...”(正在加载)
我已经包括javascript_include_tag“//www.google.com/jsapi“,“chartkick”和gem chartkick安装,但它仍然不工作。
帮帮忙!谢谢。

zlwx9yxi

zlwx9yxi1#

不要忘记将#= require chartkick添加到active_admin.js.coffee
要在AA Jmeter 板中呈现图表,请执行以下操作:

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。

qybjjes1

qybjjes12#

用于Rails 6上的活动管理

添加gem“chartkick”后,需要添加到app/assets/javascript/active_admin.js:

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

bogh5gae3#

如果您想在不呈现部分的情况下将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

我是从这里想到的

ds97pgxw

ds97pgxw4#

用于Rails 7上的活动管理员

我在active_admin.rb中添加了以下代码行(我使用的是Highcharts):

ActiveAdmin.setup do |config|
  config.register_javascript "http://code.highcharts.com/highcharts.js"
  config.register_javascript "chartkick.js"
end

相关问题