在Flex Chart 中绘制3D图表

前一阵在论坛上看到一个兄弟,想在Flex Chart中为图例设置3D效果,近几天查找了些资料,动手做了个DEMO供大家参考!
       DEMO演示地址
http://xingjunli.webs.com/flash/flexChartDemo.swf,先来个图片看看最终效果: 

Flex 3D Chart

 

相关知识点
       1、图表使用的我就不多做介绍了,网上也很多官方也有不错的教程(参考:
Skinning ChartItem objects );
       2、要自定义图表Series,我们要做的就是重写
ProgrammaticSkin基类
并实现IDataRenderer接口方法中的updateDisplayList方法,在Series中应用我们自定义的外观类“drawhelper.histogramSkin”就好了如:

 

3、我们这里使用Graphic在2D场景中绘制(3D)立方体的方式绘制Series,先理解应用3D坐标(在Series中绘制是从下向上绘制的所你看到的绘制过程中坐标系刚好是倒转过来的)如图:
3D 立方体坐标模型

 

实现过程及代码:
    1、自定义立方图外观类:

 

2、自定义圆柱图外观类:


    3、实现立方图组件

 

4、实现柱状图组件

 

5、传入数据,绑定组件完成图表

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值