FusionChartsFree调用json数据的容易例子-JavaSript-爱易网页

FusionChartsFree调用json数据的容易例子

日期：2014-05-16　浏览次数：20376 次

FusionChartsFree调用json数据的简单例子

需准备FusionChartsFree插件的FusionCharts.js文件和FCF_Column3D.swf两个文件

官方链接地址
FusionCharts.js：
http://www.fusioncharts.com/free/demos/Blueprint/FusionCharts/FusionCharts.js
FCF_Column3D.swf：
http://www.fusioncharts.com/free/demos/Blueprint/FusionCharts/FCF_Column3D.swf

效果如下

代码(可直接用，若失效可自行下载FusionCharts.js和FCF_Column3D.swf这两个文件)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="Javascript" src="http://www.fusioncharts.com/free/demos/Blueprint/FusionCharts/FusionCharts.js"></script>　
<body>
<div id="chart1div"></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("http://www.fusioncharts.com/free/demos/Blueprint/FusionCharts/FCF_Column3D.swf", "chart1Id", "500", "400");
	 			 chart1.setDataXML(strXML);
	 			 chart1.render("chart1div");
 </script>　
</body>
</html>

1 楼 ccxw1983 2010-10-13

strXMLstrXML要修改为strXML

2 楼 xixian 2010-10-24

ccxw1983 写道

strXMLstrXML要修改为strXML

谢谢提出问题
我编辑的时候是strXML
不知道为什么发布后就变成这样
不要在页面复制，点拷贝代码的图标就没事

3 楼 wangyudiwang 2011-10-25

东西可以用啊很不错；
不过网上有中
changeData.params({
没这个麻烦
楼主用过没？
分享下代码

4 楼 hz2005_2009 2012-05-08

Y轴中文问题怎么解决？

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

FusionChartsFree调用json数据的容易例子

相关资料更多>

推荐阅读更多>