【Laravel Chart.js】グラフが表示されない時の対処方法

Atsuhito TEAM:ShibaEmon,Sun Sep 20 2020 • Laravel JavaScript Programming

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

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

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

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

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

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

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

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

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

window.onload = function() {
 \* ここに設定用のJavaScriptを記述する \*
}

2つ以上記入する時は1つのwindow.onload = function()の中に2つの描画処理をいれます。

参考記事です！感謝！