fusioncharts 入門

fusioncharts加載xml有兩種方式:

    ①:加載xml文件  方法:myChart.setDataURL("路徑");

    ②:拼一個xml文件加載  方法:myChart.setDataXML(xml);

下邊這個就是第二種方式

<%@ 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>     
   <title>My First FusionCharts</title>
   <script language="JavaScript" src="${pageContext.request.contextPath }/FusionCharts/FusionCharts.js"></script> 
   <script type="text/javascript" src="${pageContext.request.contextPath }/jquery/jquery.js"></script>    
</head>     

<body bgcolor="#ffffff">

         <%--定義一個div--%>

<div id="chartdiv_01" align="center"></div> 

        <%--接受頁面傳過來的數據--%>

<input type="hidden" value="${man }" id="man">    
<input type="hidden" value="${woman }" id="woman">    
</body>
<script type="text/javascript">

$(document).ready(function(){

    /*獲取頁面傳過來的值*/

     var man=$("#man").val();

     var woman=$("#woman").val();

    /*建立一個fusioncharts對象*/

   /*   var myChart = new FusionCharts("SWF文件的地址","圖形ID","圖形高度","圖形長度");  */

 var myChart = new FusionCharts("${pageContext.request.contextPath }/FusionCharts/Doughnut3D.swf", "myChartId_02", "600", "500");

           /*拼一個xml文件*/

var xml="<?xml version='1.0' encoding='UTF-8'?> <chart caption='男女比例' useRoundEdges='1' bgColor='FFFFFF,FFFFFF' showBorder='0'>  <set label='男' value='"+man+"'  />   <set label='女' value='"+woman+"' /> </chart>";

        /*加載這個xml*/

myChart.setDataXML(xml);

myChart.render("chartdiv_01"); 
});
    
</script>

</html>


fusioncharts所需文件:https://pan.baidu.com/s/1CEmaZVfjU53Un_-Rh6cM-g




發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章