例子FusionCharts

最新推荐文章于 2018-03-05 15:35:37 发布

千百元

最新推荐文章于 2018-03-05 15:35:37 发布

阅读量352

点赞数

分类专栏： # 图形组件

图形组件专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
<script src="FusionCharts_Evaluation/INFOSOFTGLOBAL.COM/FusionCharts.js" type="text/javascript"></script>

<body>  
<div id="chart1div" align="center"></div>  
<script language="JavaScript">  
     var areaObject=[{name:"三枪",count:1100,color:"008E8E"},  
                      {name:"刺陵",count:901,color:"A186BE"},  
                      {name:"熊猫大侠",count:807,color:"F6BD0F"},  
                      {name:"大兵小将",count:41,color:"AFD8F8"},  
                      {name:"花田囍事2010",count:741,color:"B3AA00"},  
                      {name:"全称热恋",count:121,color:"008ED6"}  
                     ];  
     var strXML="<graph caption='最烂电影排名' xAxisName='电影名' yAxisName='count' baseFont='宋体' baseFontSize='12'  >";  
     var length=areaObject.length;  
     for(var i=1;i<=length;i++){  
    	 strXML= strXML+"<set name='"+areaObject[i-1].name+"' value='"+areaObject[i-1].count+"' color='"+areaObject[i-1].color+"'/>";  
     }  
     strXML= strXML+"</graph>";      
                 var chart1 = new FusionCharts("FusionCharts_Evaluation/INFOSOFTGLOBAL.COM/Column3D.swf", "chart1Id", "900", "400");  
                 chart1.setDataXML(strXML);  
                 chart1.render("chart1div");  
 </script>　  
</body>  
</html>

</pre><pre name="code" class="html"><img src="https://img-blog.csdn.net/20151026185347303" alt="" /><img src="https://img-blog.csdn.net/20151026185355300" alt="" />

<img src="https://img-blog.csdn.net/20151026185034155?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="" /><img src="https://img-blog.csdn.net/20151026185045075" alt="" /><img src="https://img-blog.csdn.net/20151026185058063" alt="" />