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



 

猜你喜欢

转载自blog.csdn.net/weixin_40562026/article/details/79870761