ファイルメーカーのWEBビューワでGoogle Chart APIのグラフが文字化け

以下のURLでGoogle Chart APIで作成した円グラフをブラウザで表示させると日本語のタイトルや凡例がちゃんと表示されます。

http://chart.apis.google.com/chart?chs=600x300&chd=t:30,30,40&cht=p&chl=%e5%b1%b1%e5%8f%a3%e7%9c%8c%2030%25|%e6%9d%b1%e4%ba%ac%e9%83%bd%2030%25|%e3%81%9d%e3%81%ae%e4%bb%96%2040%25&chtt=%e7%9c%8c%e5%88%a5%e5%89%b2%e5%90%88

（http://chart.apis.google.com/chart?chs=600x300&chd=t:30,30,40&cht=p&chl=山口県 30%|東京都 30%|その他 40%&chtt=県別割合）

 

しかし、ファイルメーカーPro 10（Windows版）のWEBビューワで上記URLを指定すると文字が文字化けしてしまいます。

 

そこで、「WEBビューアの設定」-「Webアドレス」に

"DATA:text/html;charset=utf-8," & "<img src=" &　$$url　& " />"

といった感じにスクリプトで事前に変数$$urlに上記URLを入れてHTMLのIMGタグに画像のソースとしてURLを指定すると、文字化けなく正常に表示されました。

 

"DATA:text/html;charset=utf-8,"はDATAスキームというやつらしい。

 

Web ビューアの設定

　
　

関連記事