先發(fā)效果,效果有參考一下國外的餅圖,不過他的代碼,注釋等我也看不懂,英文不懂,所以我就寫個中文的好了。大家完全可以根據(jù)我的代碼改出更多的效果來。 編程水平有限,大家諒解一下,不過能正常運行。 http://m.95time.cn/articleimg/2007/03/4540/ok.swf
數(shù)據(jù)來源于xml配置文件,可以直接修改xml文件以達到直接使用的目的。默認數(shù)據(jù)來源為piedata.xml但是可以在頁面中修改這個數(shù)據(jù)來源。如下:
代碼拷貝框
[Ctrl+A 全部選擇 然后拷貝]
在代碼中swf文件名后加上參數(shù)?piedata=piedata.asp則可以修改數(shù)據(jù)來源為piedata.asp。
其實原理也不難,先畫個圓(扇形)做上表面,然后分別畫出兩個側面和一個曲面,最后畫底下的圓(扇形)。一個立體的小扇形就出來了。讓他們一起拼在一起就成了餅圖嘛。只有一點比較煩就是確定每一個扇形的深度,好讓他們在視學上看起來處于正常的前后關系位置。在這兒,我想了一個法子。 先算出當前扇形的中間度數(shù),看這個度數(shù)是否在水平線以下,是的話就看這個度數(shù)與垂直方向的角度,角度最小的在最前面,最大的在最后面,如果中間度數(shù)在水平線以上,那么則與中間度數(shù)在水平線以下的相反。這兒要注意的是必須要從正上方作為0度,開始計算。
下面是源文件,所有代碼放到影片的時間軸上的一幀中就可以了。
代碼拷貝框
[Ctrl+A 全部選擇 然后拷貝]
源文件打包下載 flashpie.rar
本文鏈接:http://m.95time.cn/tech/multimedia/2007/4540.asp
出處:藍色理想
責任編輯:feng4ever
◎進入論壇RIA設計與應用版塊參加討論
|