fusionchart 显示中文乱码问题

fusionchart 显示中文乱码问题  

2009-12-23 :  fusionchart 显示中文乱码问题：[项目所有涉及编码的时候都采用UTF-8]

解决方法
1：UTF-8 编码 【采用】 对应的jsp文件 加 BOM头~~
2：jsp使用GBK编码【一种手段，没采用】

 
二、 对中文字符的支持
1. 让 FusionCharts支持中文
修改一下刚才 Data.xml 文件，加入几个中文字符，狂刷新浏览器，会看到几个不协调的字符。这里我修改图表标题(caption='Monthly Unit Sales' è caption='月销售历史')：

FusionCharts告诉我们XML文件加载失败，可能有非法字符。下面要修改Data.xml，使之好好工作。官方说当前Data.xml文件缺乏BOM标记（Byte Order Mark），打开UltraEdit 文本编辑器，另存为的时候，一定要选择：
UTF-8编码方式(已经附加BOM标记)，直接覆盖原文件。再次刷新Demo.html 页面，即可看到标题变成了中文：
若您对16进制熟悉，以16进制打开文件，直接修改前6位字符为”EF BB BF”,保存成UTF-8格式即可。

牢记：静态的XML文件，须包含BOM特征码。

 

2. 让动态产生的XML文件避免中文问题

我们实验一下把Data.xml文件替换成动态生成XML方式。新建一个JSP 页面：Data.jsp ,输入以下内容：

<%@ page language="java" contentType="text/xml; charset=UTF-8"%>

<%

String xmlStr = ""

+ ""

+ ""

+ ""

+ ""

+ ""

+ ""

+ ""

+ ""

+ ""

+ ""

+ ""

+ ""

+ "";

out.write(xmlStr);

%>

在Demo.html页面，修改 setDataURL参数为“Data.jsp”，再次刷新Demo.html页面，即可看到效果。

下面在JSP页面中同样把图表标题修改成中文，刷新浏览器，会看到“Invalid XML Data”字样。怎么办，设置JSP文件具有BOM标记，不行！设置其XML输出编码尝试一下吧：

<%@ page language="java" contentType="text/xml; charset=GBK"%>

看到了吗，UTF-8 被修改成了 GBK编码，刷新Demo.html文件，看一看到正常效果了。

牢记 ：动态产生的XML文档，编码须是GBK或者gb2312。【错误的!】

三、 字符串形式加载（开发中基本上不采用该形式）
以上使用FusionCharts 提供的 setDataURL方法，参数须是可访问、产生xml文档的URL地址。若不是url，字符串亦可作为参数传递过去：新建Demo2.html文件：

Chart Container Pie 3D

访问Demo2.html页面，会看到正常的图标显示。

尝试一下将图表标题修改成中文，这次很顺利的显示出来了，但标题显示为乱码:怎么办 ？把当前的html文件修改成包含有BOM特征码的UTF-8文件，这招不好使了。解决方法，建立一个JSP页面（Demo2.jsp），比Demo2.html文件多了一行内容:

<%@ page language="java" contentType="text/html; charset=UTF-8"%>访问一下，可以看到中午乱码问题解决了。

牢记 ：提供字符串数据源的页面必须硬编码才行，可以是GBK或UTF-8。