您的位置: 首页 > 技术文档 > 多媒体制作 > Flash纯脚本生成饼图
APOLLO 未来畅想 回到列表 基于flash的360虚拟现实引擎实现
 Flash纯脚本生成饼图

作者:amu945 时间: 2007-03-17 文档类型:原创 来自:蓝色理想

先发效果,效果有参考一下国外的饼图,不过他的代码,注释等我也看不懂,英文不懂,所以我就写个中文的好了。大家完全可以根据我的代码改出更多的效果来。
编程水平有限,大家谅解一下,不过能正常运行。
http://www.blueidea.com/articleimg/2007/03/4540/ok.swf


数据来源于xml配置文件,可以直接修改xml文件以达到直接使用的目的。默认数据来源为piedata.xml但是可以在页面中修改这个数据来源。如下:

代码拷贝框

[Ctrl+A 全部选择 然后拷贝]

在代码中swf文件名后加上参数?piedata=piedata.asp则可以修改数据来源为piedata.asp。

其实原理也不难,先画个圆(扇形)做上表面,然后分别画出两个侧面和一个曲面,最后画底下的圆(扇形)。一个立体的小扇形就出来了。让他们一起拼在一起就成了饼图嘛。只有一点比较烦就是确定每一个扇形的深度,好让他们在视学上看起来处于正常的前后关系位置。在这儿,我想了一个法子。
先算出当前扇形的中间度数,看这个度数是否在水平线以下,是的话就看这个度数与垂直方向的角度,角度最小的在最前面,最大的在最后面,如果中间度数在水平线以上,那么则与中间度数在水平线以下的相反。这儿要注意的是必须要从正上方作为0度,开始计算。

下面是源文件,所有代码放到影片的时间轴上的一帧中就可以了。

代码拷贝框

[Ctrl+A 全部选择 然后拷贝]

源文件打包下载
flashpie.rar

本文链接:http://www.blueidea.com/tech/multimedia/2007/4540.asp 

出处:蓝色理想
责任编辑:feng4ever

◎进入论坛RIA设计与应用版块参加讨论

相关文章 更多相关链接
通过实例学习AS3.0——案例六
Tracer-Flash代码调试类
通过实例学习AS3.0——案例五
通过实例学习AS3.0——案例四
通过实例学习AS3.0——案例三
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
全兼容的纯CSS级联菜单要点浅析
CSS Sprites 图片整合技术
雅安,一场中式旅行
热烈祝贺"醒狮杯"圆满结束
菊花宝典大赏大奖教程《阳台》
交互设计师怎样和产品团队合作
Photoshop打造个性潮流音乐海报
简单解读面包屑
CSS盒模型
Apple与Microsoft网站可用性研究
栏目最新 栏目最新列表
safari 4 新特性
Photoshop制作精美高光流线字
IE下img多余5像素空白解决方法
XHTML1.0与HTML兼容指引16条
JavaScript优化细节
全兼容的纯CSS级联菜单要点浅析
CSS Sprites 图片整合技术
Photoshop打造个性潮流音乐海报
CSS盒模型
45度地图编辑器及游戏开发心得

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文总共有 14 条评论,现在显示最新的 5 条。评分:- llllllllllllllllllll + 评分人数: 8 ,平均分: 5.00


hackztx Publish at 2008-4-22 7:45:07 评分5
<object name="abc" id="abc" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" height="600" width="600"><embed type="application/x-shockwave-flash" src="ok.swf?piedata=%3C?xml%20version=" 1.0="" encoding="utf-8" ?=""><!-- bocolor为背景色(十六进制),bgimg为背景图片地址(没用就用none) --><drawpie bgcolor="0x333333" bgimg="none"><pie><!-- pie名:字符串 --><pie_mcname>amu</pie_mcname><!-- pie深度:整数 --><pie_depth>1</pie_depth><pie_title>ActionScript 2.0 语言参考,200,40,16,true,0xEEEEEE</pie_title><!-- 竖向列标支持动作:onRelease,onRollOver,onRollOut,none,任选或除none之外的全部/部份用“,”隔开 --><pie_action>onRelease,onRollOver,onRollOut</pie_action><!-- 数值:数字。每一个项目数据用“,”隔开 --><pie_num>20,15,8,50,55,100,100,190</pie_num><!-- 名称:字符串。每一个项目名称用“,”隔开 --><pie_name>四川,重庆,云南,贵州,山西,湖南,上海,北京,广州</pie_name><!-- 颜色:字符串(十六进制颜色名)。每一个项目颜色用“,”隔开 --><pie_color>0xFF0F00,0xFF6600,0xFF9E01,0xFCD202,0xF8FF01,0xB0DE09,0x04D215,0x0D8ECF,0xFF1F11</pie_color><!-- 是否显示名称与数值:true显示/false不显示。每一个项目(饼上)是否显示用“,”隔开 --><pie_showtitle>true,false,false,true,false,true,true,true</pie_showtitle><!-- 默认pie位置是否打开:true打开/false不打开。默认当前一个项目是否为打开状态用“,”隔开 --><pie_defaultsate>false,false,false,false,false,false,false,true    </pie_defaultsate><!-- 深色系数:立体色深色深度(在大小1的一个数字默认为1.43) --><pie_dark>1.43</pie_dark><!-- 圆心x坐标:数字 --><pie_x0>260</pie_x0><!-- 圆心y坐标:数字 --><pie_y0>200</pie_y0><!-- 长轴:数字 --><pie_z>150</pie_z><!-- 短轴:数字 --><pie_d>90</pie_d><!-- 环宽:数字 --><pie_w>150</pie_w><!-- 高:数字 --><pie_h>20</pie_h><!-- 移动距离:打开一个饼图的一块之后移动的距离(数字) --><pie_move>15</pie_move><!-- 点击之后的pie透明度:数字(0-100) --><pie_clickalpha>100</pie_clickalpha><!-- 默认pie的透明度:数字(0-100) --><pie_defaultalpha>50</pie_defaultalpha><!-- 是否显示竖向列标:true(显示)或false(不显示) --><pie_showorder>true</pie_showorder><!-- 竖向列标x坐标:数字 --><pie_orderx>470</pie_orderx><!-- 竖向列标y坐标:数字 --><pie_ordery>140</pie_ordery><!-- 竖向列标间隔:数字 --><pie_orderxy>6</pie_orderxy><!-- 竖向列标文字颜色:颜色(十六进制) --><pie_orderfontcolor>0xEEEEEE</pie_orderfontcolor><!-- 指示线颜色:颜色(十六进制) --><pie_linecolor>0xcccccc</pie_linecolor><!-- 指示线透明度:(0-100) --><pie_linealpha>100</pie_linealpha><!-- 指示线长度:数字 --><pie_linewidth>20</pie_linewidth><!-- 文字颜色:颜色(十六进制) --><pie_fontcolor>0xFF0000</pie_fontcolor><!--是否显示百分数值等(all都显示,num只显示数字,font只显示文字,none不显示)--><pie_percentshow>font</pie_percentshow></pie><pie><!-- pie名:字符串 --><pie_mcname>kiss</pie_mcname><!-- pie深度 --><pie_depth>2</pie_depth><!-- 标题 --><pie_title>语言参考,250,350,14,false,0xEEEEEE</pie_title><!-- 竖向列标支持动作:onRelease,onRollOver,onRollOut,none --><pie_action>onRelease</pie_action><!-- 数值 --><pie_num>242,332,171,116,106,224</pie_num><!-- 名称 --><pie_name>Flash,Html,Javascript,Asp,PHP,C#</pie_name><!-- 颜色 --><pie_color>0x0D8ECF,0x04D215,0xB0DE09,0xF8FF01,0xFF9E01,0xFF6600,0xFF1F11</pie_color><!-- 是否显示名称与数值 --><pie_showtitle>true,true,true,true,true,true,true</pie_showtitle><!-- 默认pie位置是否打开 --><pie_defaultsate>false,false,false,false,false,false,false</pie_defaultsate><!-- 深色系数 --><pie_dark>1.15</pie_dark><!-- 圆心x坐标 --><pie_x0>270</pie_x0><!-- 圆心y坐标 --><pie_y0>450</pie_y0><!-- 长轴 --><pie_z>60</pie_z><!-- 短轴 --><pie_d>40</pie_d><!-- 环宽 --><pie_w>40</pie_w><!-- 高 --><pie_h>10</pie_h>!-- 移动距离 --><pie_move>15</pie_move><!-- 点击之后的pie透明度 --><pie_clickalpha>50</pie_clickalpha><!-- 默认透明度 --><pie_defaultalpha>100</pie_defaultalpha><!-- 是否显示竖向列标 --><pie_showorder>true</pie_showorder><!-- 竖向列标x坐标 --><pie_orderx>410</pie_orderx><!-- 竖向列标y坐标 --><pie_ordery>410</pie_ordery><!-- 竖向列标间隔 --><pie_orderxy>3</pie_orderxy><!-- 竖向列标文字颜色 --><pie_orderfontcolor>0xEEEEEE</pie_orderfontcolor><!-- 指示线颜色 --><pie_linecolor>0xcccccc</pie_linecolor><!-- 指示线透明度 --><pie_linealpha>100</pie_linealpha><!-- 指示线长度 --><pie_linewidth>20</pie_linewidth><!-- 文字颜色 --><pie_fontcolor>0xFF0000</pie_fontcolor><!--是否显示百分数值等(all,num,font,none)--><pie_percentshow>num</pie_percentshow></pie></drawpie>" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="600">

</object>

为什么不显示???
hfmwu Publish at 2008-2-18 14:57:32 评分5
哥啊。你我亲哥啊。太感谢了~~~我正找这东西。为这图头晕了好些天啊
xiaolongge7 Publish at 2008-1-31 16:58:27
怎么最多只能显示29条数据啊!!
.,..楼主..
suozi Publish at 2007-10-29 16:21:26 评分5
谁知道为什么用这段代码生成的SWF文件,再其他FLASH加载的时候如果是直接加载到页面就能显示出来,如果加载到一个剪辑MC中就显示不出来饼状图.呢,着急
testme Publish at 2007-9-13 23:59:15
抱歉,刚才没看内容就留言了,没问题了,谢谢~~

查看全部评论

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
《Web标准设计》
《美工神话》
《Flash短片轻松学》
Illustrator CS3质感绘画表现技法
大师之路--Photoshop 完全解析
《用户体验要素》
HTML与CSS入门经典(第7版)
作品集 更多内容

软件公司 毕业设计。 sanya.travel LED 02年临摹的小图 Station UI 华硕(Asus)手机 Zt23 demo