flex绘制3D饼图(一)

时间:2023-01-28 15:02:09

  上周突然收到一个需求,希望在地图上显示3D pie chart,虽然以前没用过flex的pie chart 控件,但是略有耳闻,谁知到详细看了一下,发现本身所能集成使用的pie chart是一个2维组件,使用3维看来需要再了解一下具体方法。

  方法一:首先想到的是能否使用我们以前常用的绘图控件,例如Funsion Charts。Funsion Charts提供了一套很漂亮的图形解决方案,只要将组装好的XML格式数据提供给它,就可以输出漂亮的3D图形。

  方法二:前段时间看了一下flex的绘图,感觉可以试试,所以采用shape.graphics的绘制方法绘制一个3D的pie chart。

 

  由于时间比较宽裕,所以我采用方法二去绘制自己的3D图形。由于水平有限,可能很多地方考虑不周,但作为雏形来看,效果基本满意。

先看一下总体效果。效果如下:

flex绘制3D饼图(一)

  点击后效果如下:

flex绘制3D饼图(一)

动画效果没有添加,只改了alpha值为0.5.虽然还有一些小错,但总体效果还是可以看得出来。

3个饼的度数是,红色10度开始,顺时针转40度;绿色50度开始,顺时针转60度;蓝色110度开始,顺时针转260度。

从下篇开始具体介绍一下我的实现方式。