选择其他选项时动态更改图表

Question

我正在使用Ruby on 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端绑定选择事件，并使用chart.updateData更新数据。文档中的更多内容-https://github.com/ankane/chartkick#javascript-api

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