ファイルメーカーの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=県別割合)

 

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

(ファイルメーカー Pro 10 Windows)

 

そこで、

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

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

(スクリプトで事前に変数$$urlに上記URLを入れている。)

とHTMLのIMGタグに画像のソースとしてURLを指定すると、文字化けなく正常に表示されました。

 

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

 

Web ビューアの設定
http://www.filemaker.co.jp/help/html/scripts_ref2.37.61.html