需准备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>
分享到:
相关推荐
3D_饼图FusionChartsFree调用json数据的简单例子
FusionChartsFree V2.2,各种报表例子和数据格式,对开发者很有帮助
FusionChartsFree,做动态报表的好工具
FusionChartsFree文档,里面有例子代码(各种主流语言),非常好。
FusionChartsFree,饼状图,折线图等制作.例子,内涵详细文档*.doc、*.pdf
FusionChartsFree官方示例
采用xml数据格式,支持饼图、柱状图、甘特图、烛柱图等多种最常用图表样式,支持多动态语言jsp、php等并有样例
FusionChartsFree.rar 作者主页:http://www.easy518.com
FusionChartsFree_FLASH图表控件,用于做FLASH图形报表的一个开源控件,包含源代码和实用文档,很实用
这个是FusionCharts的使用范例,里面包含了各种语言的使用方法
FusionChartsFree ASp Flash FusionChartsFree ASp Flash
这份电子文档对你研究FusionChartsFree觉得有帮助
报表控件1FusionChartsFree,这个控件不错,要的来下