• FusionCharts中的setDataXML与setDataURL区别


    先贴下使用setDataXML的例子: 
    <div id="chartdiv" align="center"> 
    存放fusionChartsdiv区域 
    </div> 
    <script type="text/javascript"> 
    var myCharts = new FusionCharts("FusionCharts/Column3D.swf","chartsId1","400","300"); 
    myCharts.setDataXML(" 
    <graph caption='Monthly Unit Sales' xAxisName='Month' yAxisName='Units' 
        showNames='1' decimalPrecision='0' formatNumberScale='0' showBorder='1'> 
    <set label='Jan' value='462' /> 
    <set label='Feb' value='857' /> 
    <set label='Mar' value='671' /> 
    <set label='Apr' value='494' /> 
    <set label='May' value='761' /> 
    <set label='Jun' value='960' /> 
    <set label='Jul' value='629' /> 
    <set label='Aug' value='622' /> 
    <set label='Sep' value='376' /> 
    <set label='Oct' value='494' /> 
    <set label='Nov' value='761' /> 
    <set label='Dec' value='960' /> 
        </graph> 
        "); 
    myCharts.render("chartdiv"); 
    </script> 

    可以发现,在myCharts.setDataXML();方法中,中间是一段xml代码,跟之前setDataURL()使用的xml文件的url路径是不一样的。 
    1、字符长度区别 
    我们知道,在使用get方式得到参数时,浏览器对参数值得长度是有一定的限制的,所以如果xml字符过长,可能会产生问题。这个时候就需要使用setDataURL()方法; 
    2、双字节(中文字符)区别 
    如果你的xml字符里含有双字节字符,例如中文字符,你就不能使用setData 
    XML()方法,而要使用setDataURL() 

    最佳模式:在我们的实际应用当中,数据不可能事静态的,他可能是有用户选择查询条件,然后提交给服务器,服务器返回一个查询的结果,比如search.jsp?year=2008。所以腿甲的最佳模式是使用setDataURL()方法,并且使用javascript加载图形。 
    注意:在使用setDataURL()方法时,如果地址里含有“?”、“&”等字符,你就需要对这个地址进行URL编码,在js里进行编码,使用escape(url)这个函数,如果你想在服务器进行编码,那就要使用你所用的编程语言进行编码,比如java,则使用编码的类方法是:java.net.URLEncoder.encode()。

    不管遇到什么样的困难,一定要坚持,即便是嘴里唠叨着累、烦、想放弃,心里还是要默默的给自己说:再试试看再坚持一次。等时间时间久了回头看看原来自己战胜了很多次,原来自己是可以的,坚持坚持就好了。
  • 相关阅读:
    test3
    test2
    test
    移动布局之流式布局
    移动端布局
    如何将本地项目上传到Github上
    node: 使用res.send()时报错RangeError [ERR_HTTP_INVALID_STATUS_CODE]: Invalid status code: *
    字体图标
    pip install Wikipedia2Vec时报错:UnicodeDecodeError: 'utf-8' codec can't decode byte 0xc4 in position 41: invalid continuation byte
    tensorflow与keras版本不匹配问题
  • 原文地址:https://www.cnblogs.com/hexiaoping/p/2236521.html
Copyright © 2020-2023  润新知