cfchart pieで文字化けするのを直すには

<cfchart>はグラフを書いてくれるタグ。フォーマットをFlashにすると、にゅ～っと延びるグラフとかが勝手にできたりするので、素人受けがしますね。(´∀｀)

ところがこいつの見た目をいろいろいじろうとすると、結構大変。エクセルのようにはなかなかいかないです。
webCharts3D 5.0を使いこなせると怖いもの無しですが、それはまた今度。
結構最初にすぐハマるのは、pieチャートのラベル表示です。
<cfchart format="jpg">
<cfchartseries type="pie" datalabelstyle="pattern" >
<cfchartdata item="北海道" value="501">
<cfchartdata item="沖縄" value="213">
</cfchartseries>
</cfchart>
こいつは右のように化けます。
ちなみに文字コードは全部UTF-8でやってます。

化けるのはpieチャートの時だけです。barやlineの時は問題なく表示されるのですが・・・・・

これは数ヶ月悩んでいて、バグなんだろうとあきらめていたのですが、webCharts3Dでいろいろいじっていたら解決法を発見しました。

<ColdFusionをインストールしたルート>/charting/styles
フォルダに、チャートのデフォルト設定なんかがxmlで保存されています。
default.xml
default_pie.xml
beige.xml
beige_pie.xml
・
・
この中の、default_pie.xmlにColdFusionAdministratorでマッピングされている日本語フォントを一言加えると解決します。

<?xml version="1.0" encoding="UTF-8"?>
<pieChart depth="Double" style="Solid" angle="340" is3D="false">
<dataLabels style="Value" placement="Outside" font="MS UI Gothic-12"/>
<legend>
<decoration style="None"/>
</legend>
<elements place="Default" drawOutline="false">
<series index="0">
<paint color="#E48701"/>
</series>
<series index="1">
<paint color="#A5BC4E"/>
</series>
　　　　　　　・
　　　　　　　・
　　　　　　　・
</elements>
<popup background="#C8FFFFFF" foreground="#333333"/>
<paint paint="Plain"/>
<insets left="5" top="5" right="5" bottom="5"/>
</pieChart>

本来は各dataLabelのstyleごとに書かないとダメだと思うのですが、なぜかstyle="Value"に付け加えると、全部のdataLabelstyleに適用されるようです。

表示するとこんな感じですね。