【chart.js】「Uncaught TypeError: Cannot read property 'getContext' of null」を解消する方法

2728 ワード

chart.js エラー対処 Rails Rails テキストリンク

こんにちは！
ねこじょーかー（@nekojoker1234）と申します。

「chart.js」を使用していると、デベロッパーツールのコンソール上で以下のようなエラーが出る場合があります。

エラーメッセージを読み解くと、getContextがnullになっていることがわかりますね。
getContextは、グラフ描画の最初で呼び出しています。

window.draw_graph = -> 
    ctx = document.getElementById("myChart").getContext('2d')

ここでエラーが出ているので、以下のようなチェック処理を入れてあげれば、エラーは出なくなります。

window.draw_graph = -> 
    if document.getElementById("myChart") == null
      return
    ctx = document.getElementById("myChart").getContext('2d')

アプリを使っている分には、画面上でエラーが出ることはないのですが、他のjavascriptが正常に動作しなかったりもしたので、この処理を入れておくことをおすすめします。

エラーメッセージを読むとturbolinksが影響していることがわかるので、公式ドキュメントには載っていないのでしょう。

Railsで開発している人は、要注意です。

運営している PlayFab 専用ブログ
https://playfab-master.com

Author And Source

この問題について(【chart.js】「Uncaught TypeError: Cannot read property 'getContext' of null」を解消する方法), 我々は、より多くの情報をここで見つけました https://qiita.com/nekojoker/items/9d0c3b5a93c651738834

著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。

Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .

【chart.js】「Uncaught TypeError: Cannot read property 'getContext' of null」を解消する方法

あわせて読みたい

Author And Source