Динамическое изменение графика при выборе другой опции

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 %>

или связать событие select на стороне js и обновить данные, используя chart.updateData. Больше в документах - https://github.com/ankane/chartkick#javascript-api

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