LaravelにChart.jsでグラフを表示したいとき、まず始めにチュートリアル通り導入して表示させますよね?

そこで、試しに設置したのですが全く表示されません…

これは困ったということで、対処方法をまとめます。

Vue.jsや既存のJSスクリプトが邪魔をしている

いくつか検索した結果、フォーラムに対策がまとめられていました。

同じ沼にハマった方がいらっしゃったみたいですね。

読み込み順序を変更する

CDNで読み込んで、描画用のcanvasタグを設置します。

ここからが対処方法です!

設定用のJSをwindow.onload = function()で囲ってあげると、無事に表示されます!

window.onload = function() {
     /* ここに設定用のJavaScriptを記述する */
}
2つ以上記入する時は1つのwindow.onload = function()の中に2つの描画処理をいれます。

参考記事です!感謝!

https://qiita.com/koseki_yamaki/items/5b79eee74a9ea6742a13