[Rails]chart.jsを使用したグラフ(横軸年月/縦軸レコード数)で、レコード数が０の月を「０」として取得したい

Question

前提・実現したいこと

レコード数が０の月を「０」として取得したいです。

Railsでイベント閲覧アプリを作成していて、chart.jsを使用してグラフを表示しようとしています。
横軸を年月、縦軸をレコード数としていますが、レコード数が「０」の月はグラフで表示できません。詰めてグラフが生成されます。

発生している問題・エラーメッセージ

dayカラムに7月のデータがある状態では正常にグラフが生成されます。
テーブルの画像↓

グラフの画像↓

しかし、7月にデータがない状態（レコードへ登録がない月がある状態）ではグラフの生成がうまくいきません。
テーブルの画像↓

グラフの画像↓

該当のソースコード

グラフへデータへ渡すためのcontroller.rbの記述↓

start_day = Date.today-183
end_day = Date.today
gon.monthly = (start_day..end_day).select {|day| day.day == 1}
gon.monthly.each_with_index do |month, i|
 newmonth = month.strftime("%Y年%m月")
 gon.monthly[i] = newmonth
end
sum = 0
array = Like.where(user_id: current_user.id).where(day: start_day..end_day).group('MONTH(day)').count
gon.data = array.values # この段階でイベントへ行っていない月は0で配列に加えておきたい
binding.pry
gon.linedata = []
gon.data.each do |data|
  sum += data
  gon.linedata << sum
end

グラフを表示するためのcoffeeへの記述↓

window.draw_graph = -> 
    ctx = document.getElementById("myChart").getContext('2d')
    barNum = 6
    labels = new Array(barNum)
    bgColors = new Array(barNum)
    bdColors = new Array(barNum)
    for i in [0...barNum]
        bgColors[i] = 'rgba(75, 192, 192, 0.2)'
        bdColors[i] = 'rgba(75, 192, 192, 1)'
    myChart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: gon.monthly
            datasets: [{
                label: 'イベントの数',
                data: gon.data,
                backgroundColor: bgColors,
                borderColor: bdColors,
                borderWidth: 1
            }, {
                label: '行ったイベントの総数',
                data: gon.linedata,
                type: 'line'
            }]
        },
        options: {
            scales: {
                yAxes: [{
                    ticks: {
                        beginAtZero:true
                    }
                }]
            }
        }
    })

テーブルへデータが保存されるフォームは以下の通りです。

<%= button_to '行った', "", class: "went-btn js-modal-open" %>
    <div class="modal js-modal">
        <div class="modal__bg js-modal-close"></div>
        <div class="modal__content">
            <%= form_for @like, url: event_likes_path(@event) do |f| %>
              <%= f.date_field :day, min: @event.start_on, max: @event.end_on, value: @event.start_on.strftime("%Y-%m-%d") %>に
              <%= f.submit "行った"%>
            <% end %>
        </div>
    </div>

試したこと

Ruby へのコメントアウトへ記載しているように、イベントへ行ったことがない月に対して配列に「0」を加えたい。
しかし、方法がどうしても見つけられないのでご教授いただければと思います。

違う方法が良ければそちらをご紹介していただきたいです。

補足情報（FW/ツールのバージョンなど）

Rails 5.2.3

Answer 1

こんばんは。
group byしたときに存在しない月はとれませんので array.values は本来の月数よりも少なくなりますね。
解決策はいくつかあると思います。

1. SQL側でがんばる

https://www.wakuwakubank.com/posts/409-mysql-virtual-table-of-dates/
のように連続した月をもつ仮想表を作って外部結合してあげる。
2. SQL側でがんばる(その2)
上記を仮想表ではなく、実在する表として予め作っておいて外部結合する。
3. アプリケーション側でがんばる
gon.monthly[i]をeachで回してarrayのキーにある月と一致したらそのカウントを入れる、なければ0を入れる新しい配列を作る
月数はたかがしれているのでこっちが簡単かと思います。

ちなみにですが、group('MONTH(day)')は年まで見てくれないので2019/11や2020/11を一緒にカウントしてしまいます。
3の案とうまく組み合わせるなら group("DATE_FORMAT(date, '%Y年%m月')") でとってあげればよいんじゃないでしょうか。

Comments

[mball]

ご回答ありがとうございます！has_key?メソッドの存在を知らなかったので、大変勉強になりました！おかげさまで綺麗なグラフがかけました^^