Ruby : chart.jsを使いDBのデータをグラフへ反映したい

Question

前提・実現したいこと

初学者です。railsにて、MySQLのデータをグラフに反映させたいです。
chart.jsを使いグラフの表示までは辿り着いたのですが、意図した挙動にならないため困っております。
お恥ずかしい限りではございますがお力添えを頂きたく投稿させて頂きました。
何卒、よろしくお願いします！

実現したい実装
①1週間毎のグラフを表示する
②MySQLに保存されている日付とグラフを連動したい

■発生している問題・エラーメッセージ
MySQLに保存されているデータが日時と関係無く反映されている
・MySQLデータには「4月15日/4月16日/4月27日/4月28日」分の入力データが格納されている
→グラフには、4月12日（月）〜4月16日（金）の1週間表示で、15日と16日のデータのみグラフに反映したい。
→現状は、グラフに「15日/16日/27日/28日」のデータが反映されている状態

■グラフの状態
https://gyazo.com/71eea3968b0e9ec5381c76d7f5b78b97
■MySQLデータ状況
https://gyazo.com/f9718526632e22f3d3dd8b171c6e9d62

該当のソースコード

□ビュー【record/index.html.erb】□
<div class="main-record">
  <div class="record-post">
    <h2><%= link_to "新規で記録する", new_record_path ,class: :font %></h2><br />
  
    <h2><%= "#{current_user.nickname}さんの練習記録" %></h2>

    <div class="record_bar">
      <canvas id="myBarChart" width="1000" height="500"></canvas>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.9.3/Chart.min.js"></script>
      <script>
        var ctx = document.getElementById("myBarChart");
        var myBarChart = new Chart(ctx, {
          type: 'bar',
          data: {
            labels: ['4月1日', '4月2日', '4月3日', '4月4日', '4月5日', '4月6日', '4月7日'],
            datasets: [
              {
                label: '練習時間',
                data: gon.practice_time,
                backgroundColor: "rgb(175,238,238)"
              }
            ]
          },
          options: {
            title: {
              display: true,
              text: '練習時間'
            },
            scales: {
              scales: {            
                xAxes: [{
                  type: 'time',
                  time: {
                      unit: 'day'
                  }
                }]
              },
            },
          }
        });
      </script>
    </div>    
</div>

□ コントローラー【records_controller.rb】□
class RecordsController < ApplicationController
  def index
    gon.created_at = Record.pluck(:created_at)
    gon.practice_time = Record.pluck(:practice_time)
  end

  def new
    @record = Record.new
  end

  def create
    @record = Record.new(record_params)
    if @record.save
      redirect_to records_path
    else
      render :new
    end
  end

  private
  def record_params
    params.require(:record).permit(:practice_time, :ball, :content, :created_at,check:[]).merge(user_id: current_user.id)
  end
end

□ルーティング（routes.rb）□
Rails.application.routes.draw do
  devise_for :users, controllers: { registrations: 'users/registrations', sessions: 'users/sessions'}
  root 'tops#index' 
  resources :records, only: [:index, :new, :create, :show]
  resources :articles do
    resources :comments, only: :create
  end
  resources :users, only: :show
end

試したこと

①ビューに表示出来るかの確認（以下記述でデータの取得及びビューへの表示は出来ました）
→表示出来たデータをグラフに反映する方法が中々見つからない状況です。
「前提・実現したい事」に記述している挙動にするための知識が不足しているため、参考となる記事や記述があれば教えて欲しいです。

□ コントローラー【records_controller.rb】□
〜省略〜
def index
  @record = Record.all
〜省略〜
end

□ビュー【record/index.html.erb】□
〜省略〜
<% @record.each do |record| %>
  <%= record.created_at %>
  <%= record.practice_time %>
<% end %>
〜省略〜

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

・rails：6.0.0
・SequelPro：5.6.51