在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}"
关键解决代码： 问题推广：本文只设计了HRule是横向的线条，同理，可以很方便设计出纵向的线条，可以指定在哪一个值的刻度线或叫作临界线，当然还可以添加多条指定值的线。
可以运行的Demo代码： height="100%"> Demo效果图：
猜你喜欢
转载自bz442bz.iteye.com/blog/1574188
今日推荐
周排行