Google Chartでスマホからグラフが表示されない話

悩んだことを殴り書き。
まずは、発生した事象から。

Google Chartでスマホからグラフが表示されない

MySQLのテーブルから値を取得して、Google Chartでグラフを表示していたところ
パソコンからは表示されるのに、スマホで動作確認するとグラフが表示されない。
スマホからだとChromeもSafariも表示されない。

原因

無料アプリViewSouceで確認したところ、MySQLから値は取得できている様子。
ググったところ、どうやらjavascriptに渡す日付データの形式がよくなかったようです。

参考 Safariで「YYYY-MM-DD HH:II:SS」形式をDate.parse()するとNaNを返す問題とその対処法について

対応

MySQLの該当のテーブルの項目の型をtimestampからdateに変更したところ解決しました。
つまり、
[new Date(‘2019-10-01 00:00:00’)] はダメだけど
[new Date(‘2019-10-01’)] はOKでした。
型を変更するのが手間ならSQLでキャストするかjavascriptに渡す瞬間に文字列操作するか、です。

コメントを残す

メールアドレスが公開されることはありません。