http://blog.csdn.net/security08/article/details/4576285
本人最近做一个项目用到FusionCharts(FusionChartsFree版本)做图表,需要从后台动态获取数据(包含中文字符,UTF-8编码),用firebug查看是有返回数据,但结果总是显示"Invalid XML Data",不能生成图表。
结合EXTJS3,JS请求代码如下:
- Ext.onReady(function() {
- var chart = new FusionCharts(
- "../js/fusioncharts/Charts/FCF_Doughnut2D.swf", "ChartId", "600",
- "369");
- chart.setDataURL("/decisionAction!getCrmCompanyXML.action");
- chart.render("chartDiv");
- });
查看了官方的一个UTF8例子(在FusionChartsFree/Code/JSP/UTF8Example文件夹下),那里说明了在生成XML文档前,必须插入BOM标记(Byte Order Mark)。
例子代码如下:
- //import org.dom4j.DocumentHelper;
- Document document=DocumentHelper.createDocument();
- Element graph =document.addElement("graph");
- //...生成xml代码略
- byte[] utf8Bom = new byte[]{(byte) 0xef, (byte) 0xbb, (byte) 0xbf};
- String utf8BomStr="";
- try {
- utf8BomStr = new String(utf8Bom,"UTF-8");//定义BOM标记
- } catch (UnsupportedEncodingException e) {
- e.printStackTrace();
- }
- String xml=utf8BomStr+"<?xml version='1.0' encoding='UTF-8'?>"+graph.asXML();//在生成xml前加入BOM标记
- return xml;
该段代码表明,必须在生成的xml文档前加上utf8BomStr以声明BOM标记。经过修改,图表生成成功。