选择其他选项时图表的动态变化

Question

我正在 Ruby Rails 应用程序上工作，在仪表板页面上，我有一个显示总销售额的图表，应该有一些范围选项，例如年度，每月或每天。选择其他选项时如何更新我的图表？

.input-group.d-flex.justify-content-end
    %select#inputGroupSelect02.custom-select
        %option{:value => "1"} Diário
        %option{:value => "2"} Mensal
        %option{:value => "3"} Anual
    .input-group-append.mb-2
        %label.input-group-text{:for => "inputGroupSelect02"} Opções

.card
    .card-body.d-flex
    = column_chart Admin.group_by_day(:created_at).count

Answer 1

如文档中所述，您可以每 n 秒刷新一次来自远程源的数据

<%= line_chart url, refresh: 60 %>

或者在js端绑定select事件，使用chart.updateData更新数据。更多文档 - https://github.com/ankane/chartkick#javascript-api

Chartkick.eachChart( function(chart) {
  chart.updateData(chart.getDataSource());
});

选择其他选项时图表的动态变化

Dynamic change of a chart when other option is selected

charts

ruby-on-rails

chartkick