Uncaught TypeError: Cannot read property 'getContext' of null at window.onloadが解消できない

Question

前提・実現したいこと

Python/Django製のWebアプリ上でChart.jsを利用しグラフの描画をしようとしています。
とりあえずそこらへんに転がっているサンプルで動作確認をしようとしたところ、初歩的なエラーで詰まってしまいました。

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

発生しているエラーは下記の通りです。

Uncaught TypeError: Cannot read property 'getContext' of null at window.onload

該当のソースコード

    <canvas id=“myChart”></canvas>
    <script>
        window.onload = function(){
            var ctx1 = document.getElementById('myChart').getContext('2d');
            var myChart = new Chart(ctx, {
                type: 'line',
                data: {
                    labels: ['A', 'B', 'C', 'D', 'E', 'F', 'G'],
                    datasets: [{
                        label: 'label',
                        data: [3, 18, 6, 10, 12, 7, 12],
                        backgroundColor: "rgba(255,153,0,0.4)"
                    }]
                }
            });
        };

    </script>

試したこと

・window.onloadの追加
エラー文の内容からなんとなく読み込み順序の問題だと察しがついたのでwindow.onloadで呼び出してみました。ただそれでも解消されないため、どういうことだ？　となっています。

・キャッシュ削除
キャッシュの削除も試していますがこれも効果なしでした。

・Django側の問題
サーバーサイドの問題かもしれないので、そっち方面をシンプルにして今試してみています。。

もし情報の足りないところなどございましたらご指摘願います。以上よろしくお願いします。。

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

Chart.js 2.7.2
Python 3.7
Django 3.1

Answer 1

引用符が全角です。

<!-- <canvas id=“myChart”></canvas>
                ↓       ↓ -->
     <canvas id="myChart"></canvas>

Comments

[退会済みユーザー]

うわああああありがとうございます！！！　インターネットのコピペだったので全然気がつきませんでした...！！！本当にありがとうございます。基本が大切ですね。。本当にありがとうございます。