アクセス解析のMatomoでグラフが表示されない(Error: Invalid hexadecimal value #aN1716)

スポンサーリンク

サーバー設置型アクセス解析 Matomo(旧名称:Piwik) で、アップデート後に以下のエラーが出るようになりましたが、今回の原因はテーマの「Dark Theme」でした。

Error: Invalid hexadecimal value #aN1716

「全ウェブサイト」で表示されるはずのグラフも正常に表示されず、

アクセス解析Matomoでエラーでグラフが表示されない

ページごとの推移グラフを確認しようとすると以下のエラーが出る状態でした。

グラフ表示すると出るError Invalid hexadecimal valueのエラー

Firefoxの開発者ツールのネットワークタブを見ると500のエラーが出てます。

サーバーのエラーログにも出ていますね。

[Fri Jun 11 11:26:26.797628 2021] [proxy_fcgi:error] [pid 12737:tid 139949147641600] [client xxx.xxx.xxx.xxx:37108] AH01071: Got error 'PHP message: Error in Matomo: Invalid hexadecimal value #aN1716', referer: https://sakue.com/xxxx

原因は以下のテーマだったので無効化したところ正常に表示されるようになりました。

Matomoのダークテーマ

ダークテーマの無効化後に「全ウェブサイト」を表示してみると、グラフが正常に表示されるようになりました。

アクセス解析Matomoの全ウェブサイトの推移グラフ

開発者ツールで「500」のエラーが出ているURLをデコードすると末尾あたりに以下のパラメータがあり、エラーメッセージ「Error: Invalid hexadecimal value #aN1716」の「#aN1716」という文字列が見えます。

JavaScriptの連想配列ぽいような形式ですが、先頭を見ると「”backgroundColor”:”#aN1716″」とあるので何かの背景色などのパラメータを渡しているみたいですが、本来は16進数(0-9 と a-fで構成)で渡すはずの値がおかしな値のため、「正しい16進数じゃないよ」というエラーが出てしまっているみたいです。

colors={"backgroundColor":"#aN1716","lineColor":"#b1b1b1","minPointColor":"#ff7f7f","maxPointColor":"#75bf7c","lastPointColor":"#55aaff","fillColor":"#aN1716"}&idSite=1&period=range

「2021/04/08」のテーマ更新後に上記エラーが出たので、今後のアップデートで修正されると思いますが、グラフが正常に表示されないなど同様の症状が出たら、とりあえずテーマを無効化してみると良いという記事でした。

コメントフォーム

タイトルとURLをコピーしました