在Flex Chart中绘制虚网格线

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

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

另外，我在GridLines扩展类中还自定义了虚线间隔样式属性。关于怎样自定义Flex组件的样式属性，请参看：http://www.riafan.com/blogedit.asp?id=196。

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

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: Chart CSS
相关日志: