子猴个人博客

尘归尘，土归土，乱码应归垃圾桶。这篇文章就是来彻底终结FusionCharts中文乱码问题的！

通常而言，FusionCharts的中文乱码其实还并不太常见，比如，你将FusionCharts随带的例子中的xml文件中的某一英文改为中文（比如Pie3D.html），运行后，中文其实是可以显示的。但你也可能注意到，在这种方式下，是直接从硬盘读取的xml文件，也就是你每次显示一次Flash图表，都要进行一次I/O操作，很显然，这种方式肯定是不大好的，所以你很可能就想到了一次性将xml读取出来放在内存里或是就放在页面的一个隐含参数里（比如type=hidden的隐含参数），那么这个时候，中文乱码就产生了！

现在我们不采用直接读取xml文件的形式，而是将读取的xml文本存储在页面一个隐含参数中，如(注：将采用jsp的形式，其他语言都是类似的)：

<div name="chartXml" style="display:none"><%=chartXml%></div>

而chartXml就是xml文本，与xml文件中的内容是一致的，例如：

<chart caption='月销售汇总' subcaption='2006年' formatNumberScale='0' xAxisName='Month' yAxisName='Sales' yAxisMinValue='15000'  numberPrefix='a' numberSuffix='b' showValues='1' alternateHGridColor='FCB541' alternateHGridAlpha='20' divLineColor='FCB541' divLineAlpha='50' canvasBorderColor='666666' baseFontColor='666666' lineColor='FCB541' >

<set label='Jan' value='17400' />

<set label='Feb' value='19800' />

<set label='Mar' value='21800' />

<set label='Apr' value='23800' />

<set label='May' value='29600' />

<set label='Jun' value='27600' />

<set label='test2' title='test' hint="test" value='31800' />

<set label='Aug' value='39700' />

<set label='Sep' value='37800' />

<set label='Oct' value='21900' />

<set label='Nov' value='32900' />

<set label='Dec' value='39800' />

<styles>

<definition>

<style name='Anim1' type='animation' param='_xscale' start='0' duration='1' />

<style name='Anim2' type='animation' param='_alpha' start='0' duration='0.6' />

<style name='DataShadow' type='Shadow' alpha='40'/>

</definition>

<application>

<apply toObject='DIVLINES' styles='Anim1' />

<apply toObject='HGRID' styles='Anim2' />

<apply toObject='DATALABELS' styles='DataShadow,Anim2' />

</application>

</styles>

</chart>

调用显示的地方为：

<script type="text/javascript">

var chart = new FusionCharts("FusionCharts/Pie3D.swf ", "ChartId", "100%", "300", "0", "0" );

var chartXMLObj = document.getElementById("chartXml");

var chartXML = chartXMLObj.innerHTML;

//解决中文乱码的最关键一行

//有时，如果没有这一行，可能也不会有乱码

//但大多数时候会有乱码，所以这行一定不能掉

//encodeURI是对chartXML进行编码

chartXML = encodeURI(chartXML);

chart.setDataXML(chartXML);

</script>

这种方式我认为可以解决FusionCharts所有的中文乱码问题。