Chartkick列-数据未显示为条形图

Question

Chartkick的新手，不确定我要去哪里。 我有一个带有水位属性的水箱表，我想将水箱水位显示为每个图表中的条形图。

模式中的Tank表：

create_table "tanks", force: :cascade do |t|
  t.decimal "level"
  t.bigint "zipcode"
  t.bigint "tank_company_id"
  t.datetime "created_at", null: false
  t.datetime "updated_at", null: false
  t.index ["tank_company_id"], name: "index_tanks_on_tank_company_id"
end

坦克控制器：

def index
  @tanks = Tank.all
end

视图：

<div class="container text-center tanks-list">
  <div class="row">
    <% @tanks.each do |tank| %>
      <div class="col-md-4 tank">
        <p>Company: <%= tank.tank_company.name %></p>
        <p>Tank ID: <%= tank.id %></p>
        <p>Level: <%= tank.level.to_i %>%</p>
        <%= column_chart tank.level.to_i, min: 0, max: 100 %>
      </div>
    <% end %>
  </div>
</div>

它在Chart中的显示方式，但在图形中没有条形：

Answer 1

您对column_chart的输入必须具有键和值，例如tank_company.id作为键，级别是值

div class="container text-center tanks-list">
  <div class="row">
    <% @tanks.each do |tank| %>
      <div class="col-md-4 tank">
        <p>Company: <%= tank.tank_company.name %></p>
        <p>Tank ID: <%= tank.id %></p>
        <p>Level: <%= tank.level.to_i %>%</p>
        <%= column_chart @tanks.group(:id).sum(:level), min: 0, max: 100 %>
      </div>
    <% end %>
  </div>
</div>