FusionCharts 중국어 난자


FusionCharts를 사용하는 과정에서 중국어 한자를 표시해야 하기 때문에 자주 부호가 깨지는 경우가 있다.가로 세로 좌표의 난자, 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.그림 추가 클릭 이벤트: 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>

    
 
 
 

좋은 웹페이지 즐겨찾기