春天花会开

***********

统计

留言簿(4)

阅读排行榜

评论排行榜

javascript vml 封装的3D饼图

原型是在网上找的,对vml我不是很熟悉,基本上是一样画葫芦。
做的最主要的事情是把vml用javascript封装成Pie3D类,方便重用。
Snap1.png

Pie3D.js代码太长,我已打包,需要的话自行下载。javascript vml 封装的3D饼图

<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"> 
<head>        
<!-- 样式表 -->
<STYLE>
v\:* {Behavior: url(#default#VML) }
o\:* {behavior: url(#default#VML) }
body{font-family:arial}
</STYLE>
<title>3D Pie</title>
<script src=Pie3D.js ></script>
</head>
<body>
<div id='pieChart'></div>
<script>
xxColor=new Array("#ccc","#b5cc88","#6B8E23","#3CB371","#f59d56","yellow","#d8d8d8","#708090","#4682B4","red","#ffc20e");
//参数('容器div的id',宽度,高度,'图表标题')
var
 pie=new Pie3D('pieChart',320,192,'TEST 3D PIE');
//测试数据,数据格式("项目名称",值,"颜色")
//此处可结合Ajax,取得数据后动态更新

for(var i=0;i<10;i++){
dcake=new Array("cake"+i,Math.random()*10,xxColor[i]);
pie.Cakes[i]=dcake;
//赋值
}

pie.draw();//画图
</script>
</body></html>



posted on 2006-08-18 15:40 春天花会开 阅读(5190) 评论(11)  编辑  收藏

评论

# re: javascript vml 封装的3D饼图 2006-10-29 10:10 wiwiboy

GOOD THING!
http://www.phpstat.net  回复  更多评论   

# re: javascript vml 封装的3D饼图 2007-01-23 23:41 boy

牛啊,收藏了,偶是初学的,一定好好研究研究  回复  更多评论   

# re: javascript vml 封装的3D饼图 2007-01-23 23:42 boy

哇,你的Blog是AJAX的,我也在看呢,目前还没成品  回复  更多评论   

# re: javascript vml 封装的3D饼图[未登录] 2007-01-31 11:59 dd

sdfsd  回复  更多评论   

# re: javascript vml 封装的3D饼图 2008-01-10 17:05

真是挺棒的!
  回复  更多评论   

# re: javascript vml 封装的3D饼图 2008-02-25 14:30 lan

真的好厉害,我研究了半天代码也没研究明白,你这个好方便,我一定好好研究,谢谢啦  回复  更多评论   

# re: javascript vml 封装的3D饼图 2008-03-27 16:29 sheng_01

如何把这个图显示在页面里的某个位置呢? 生成图形后好象已经固定在页面左上角.并且设置div 'pieChart' 的样式毫无作用 sheng_01@sohu.com  回复  更多评论   

# 小游戏站 2008-03-27 16:30 www.xyx999.com

http://www.xyx999.com 小游戏, 小游戏999,你永远的好朋友,经常来玩哦.  回复  更多评论   

# re: javascript vml 封装的3D饼图 2008-06-05 09:34 生活方式

不错啊   回复  更多评论   

# re: javascript vml 封装的3D饼图 2009-03-12 15:50 rayson

哥们太有才了.. 感激不禁啊.!  回复  更多评论   

# re: javascript vml 封装的3D饼图 2011-01-21 13:10 tututu

非常感谢!很及时!  回复  更多评论   


只有注册用户登录后才能发表评论。


网站导航: