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

【问题标题】：Dynamic change of a chart when other option is selected选择其他选项时图表的动态变化
【发布时间】：2019-01-14 13:00:56
【问题描述】：

我正在开发一个 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

【问题讨论】：

代码有点乱，我正在使用haml编辑html页面，“= column_chart Admin.group_by_day(:created_at).count”是我的图表生成的地方跨度>

标签： ruby-on-rails charts chartkick

【解决方案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());
});

【讨论】：