java3D图形

需准备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

效果如下
java3D图形

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

下面是HTML代码: 

<!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+"'/>";
  }
  alert(strXML);
     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>
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值