FusionCharts中文乱码+去logo资源

做一个有理想的码农

于 2015-10-13 09:54:41 发布

阅读量710

点赞数

分类专栏： FusionCharts 文章标签： FusionCharts 中文乱码去logo

FusionCharts 专栏收录该内容

1 篇文章

订阅专栏

本文提供了解决FusionCharts中文显示乱码的方法，包括设置页面编码、添加图形点击事件及生成XML字符串流等步骤。同时，介绍了如何在页面中引入所需JS文件并配置相关参数，确保中文信息正确显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在使用FusionCharts过程中，需要显示中文汉字，经常会遇到乱码情况，1.横纵坐标的乱码，2.点击图形传值乱码。下面贴出解决方案。

1.设置页面编码：UTF-8 可以防止横纵坐标中文汉字乱码

<%@ page language="java" contentType="text/html; charset=UTF-8"  
        pageEncoding="UTF-8"%>  
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
    <html>  
    ...  
    </html>

2.添加图形的点击事件：设置 <graph unescapeLinks="0"> 解决链接中传中文乱码

xml:    link="JavaScript:showName('Java开发者')"  
      
    js:       function showName(name){  
            alert(name); //会出现乱码  
        }

3.使用参考：1.生成xml格式文本流，可以采用拼接，也可以采用dom4j生成

 String msg = "";  
    msg="<?xml version=1.0 encoding=GBK?>";  
    msg+="<graph caption='人物年龄列表' xAxisName='人名' yAxisName='年龄' " +"showNames='1' decimalPrecision='0' formatNumberScale='0'  

baseFont='宋体' baseFontSize='14' unescapeLinks='0'>";  
    msg+="<set name='小明' value='21' color='"+getRandomColor()+"'  link='JavaScript:showName('小明')'  />";  
    msg+="<set name='小强' value='25' color='"+getRandomColor()+"'  link='JavaScript:showName('小强')' />";  
    msg+="<set name='大力丸' value='47' color='"+getRandomColor()+"' link='JavaScript:showName('大力丸')' />";  
    msg+="<set name='主义者' value='85' color='"+getRandomColor()+"'  link='JavaScript:showName('主义者')'/>";  
    msg+="<set name='追梦' value='37' color='"+getRandomColor()+"' link='JavaScript:showName('追梦')' />";  
    msg+="</graph>";

建议采用dom4j组件生成xml文件

 public String getXMLString(List list){  
            String xmlstr="";  
            Document document = DocumentHelper.createDocument();  
            Element graph = document.addElement("graph");  
            graph.addAttribute("caption", "人物年龄列表");  
            graph.addAttribute("xAxisName", "人名");  
            graph.addAttribute("yAxisName", "年龄");  
            graph.addAttribute("showNames", "1");  
            graph.addAttribute("desimalPrecision", "0");  
            graph.addAttribute("formatNumberScale", "0");  
            graph.addAttribute("baseFont", "宋体");  
            graph.addAttribute("baseFontSize", "14");  
            graph.addAttribute("unescapeLinks", "0");  
            for(int i=0;i<list.size();i++){  
                Element set = graph.addElement("set");  
                Person p = list.get(i);  
                set.addAttribute("name", p.getname());  
                set.addAttribute("value", p.getage());  
                set.addAttribute("color", getRandomColor());  
                set.addAttribute("link", "JavaScript:showName('"+p.getname()+"')");  
            }  
            xmlstr = generateXML(document);  
            return xmlstr;  
        }  
           /** 
         * 通过dom生成xml文件 
         */  
        public String generateXML(Document document) {  
      
            String xmlDoc = "";  
            StringWriter sw = new StringWriter();  
            XMLWriter writer;  
            OutputFormat format = OutputFormat.createPrettyPrint();  
            format.setEncoding("GBK");  
      
            writer = new XMLWriter(sw, format);  
            try {  
                writer.write(document);  
                xmlDoc = sw.toString();  
                URLEncoder.encode(xmlDoc, "utf-8");  
            } catch (IOException e) {  
                System.out.println("生成XML字符串发生异常");  
                e.printStackTrace();  
            } finally {  
                try {  
                    writer.close();  
                    sw.close();  
                } catch (IOException e) {  
                    System.out.println("关闭XML读写发生异常");  
                    e.printStackTrace();  
                }  
            }  
            return xmlDoc;  
        }  
      
         /** 
         * 随即获得颜色代码 
         */  
        public String getRandomColor(){  
            //颜色代码位数6  
            int colorLength=6;  
            //颜色代码组数  
            char[] codeSequence={'A','B','C','D','E','F', '0','1','2','3','4','5','6','7','8','9'};  
            StringBuffer str=new StringBuffer();  
            Random random=new Random();  
            for(int i=0;i<colorLength;i++){  
                str.append(codeSequence[random.nextInt(16)]);  
            }  
            return str.toString();  
            }

4.页面显示

 <script src="<s:url value="js/FusionCharts.js"/>" type="text/javascript" charset="utf-8"></script>  
      
    <script type="text/javascript" charset="UTF-8">  
        $(document).ready(function(){  
            $.ajax({  
                type:'post',  
                url:'doPersonCharts.action',  
                data:'',  
                success:function(msg){  
                  //最后的1.表示link可以显示，鼠标有手势            
     var chart=new FusionCharts("FusionCharts/Column3D.swf","chartId1","900","480","0","1");  
                    chart.setDataXML(msg);  
                    chart.render(personForm);  
                },  
                error:function(){  
                    alert("加载失败，请重新加载...");  
                }  
            });  
        });  
        function showName(name){  
            alert(name);  
        }  
          
    </script>  
      
    <div align="center">  
            <table width="60%" border="0"  name="personForm" id="personForm"></table>  
     </div>

参数的详细说明和功能特性：http://www.meisoft.cn/

无logo下载地址：http://download.youkuaiyun.com/detail/qiaoshuai0920/9175993

转载：http://cjp1989.iteye.com/blog/1843776