Chart.jsのグラフを表示させたい。

前提・実現したいこと

Ruby on　Railsを使用し、体温管理アプリを開発しています。
フォームに打ち込んだ数値をChart.jsで表示させたいのですができません。

表示されたページには、データが入ったcanvasはGoogle Chromeで
確認できますが、箱はあるけれど、表示されていないような感じになっています。

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

グラフが表示されない。

該当のソースコード

haml
1%canvas#myChart
2:javascript
3  var ctx = document.getElementById('myChart').getContext('2d');
4  var chart = new Chart(ctx, {
5      type: 'line',
6      data: {
7          labels: #{raw @graph_date},
8          datasets: [{
9              label: "weight",
10              data: #{raw @graph_records}
11              backgroundColor: 'rgba(255, 99, 132, 1.0)',
12              borderColor: 'rgba(75,192,192,1)',
13              fill: false
14          }]
15      },
16  });

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

・Rails　5.0.7.2
・ruby 2.5.1p57
・postgreSQL

[application.html.haml]

Ruby
1!!!
2%html
3  %head
4    %meta{content: "text/html; charset=UTF-8", "http-equiv": "Content-Type"}/
5    %title TempManagement
6    = csrf_meta_tags
7    = stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload'
8    = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
9    %script{:src => "Chart.js"}
10    = javascript_include_tag 'application', 'data-turbolinks-track': 'reload'
11  %body
12    = render 'layouts/notifications'
13    = yield