在Flex几个通用Chart图形中画指定值的线条（指定刻度的线条）

在Flex几个通用Chart图形中画指定值的线条（指定刻度的线条）

问题来源：业务上要为Flex ColumnChart中画出一个以0这刻度的临界线。
问题分析：但是对Chart的backgroundElements中默认是GridLines，没有可用的用于指定刻度的线条，于是自己加了个HRule对象。
问题解决：加入HRule，设置它不同于GridLines的颜色，当然可以通过strokeWidth设置它的宽度，默认是2px，最重要的是设置它的位置。如下详细分析：

算出刻度的最大值和最小值：
va.minimum = 38.6
va.maximum = 41.400000000000006
算出所画容器的高度：
Father componnet height = 475

 

想像图：

 

 

于是分析得到如下位置计算公式：
y="{(((axis_score.maximum + axis_score.minimum) / 2 - 0) / (axis_score.maximum - axis_score.minimum)) * cs_3.height}"

关键解决代码：

 

<mx:backgroundElements> <mx:GridLines direction="horizontal" > <mx:horizontalStroke> <mx:Stroke color="black" weight="0" alpha="0.2" /> </mx:horizontalStroke> </mx:GridLines> <mx:HRule y="{(((va.maximum + va.minimum) / 2 - 41) / (va.maximum - va.minimum)) * ls.height}" strokeColor="0xff0000" shadowColor="0xff0000"/> </mx:backgroundElements>

 

问题推广：本文只设计了HRule是横向的线条，同理，可以很方便设计出纵向的线条，可以指定在哪一个值的刻度线或叫作临界线，当然还可以添加多条指定值的线。

可以运行的Demo代码：