在Flex Chart中绘制虚网格线

GridLines类可在图表的数据区域内绘制网格线。默认情况下,网格线的线型为实线,如何让绘制的网格线为虚线呢?

思路是这样的,扩展GridLines类,给它自定义线型样式属性,然后根据线型样式绘制相应线型的网格线。怎样绘制虚直线呢?我使用了Ely(Quietly Scheming)写的一个工具类GraphicsUtils,其中drawDashedLine()方法是用来绘制虚直线的,参数pattern用来定义虚线间隔。我为参数pattern添加了一个错误处理:间隔为0时,抛出参数错误。为支持Flex 4,我对apply()方法作了一些更改。

另外,我在GridLines扩展类中还自定义了虚线间隔样式属性。关于怎样自定义Flex组件的样式属性,请参看:http://www.riafan.com/defining-a-style-property

点击此处查看该实例最终效果,点击此处下载该实例的源码。

发表评论