选择区域缩放Flex Chart

还记得选择删除Flex Chart项目这篇文章吗？本文是它的功能延伸。我们将使用区域选择功能实现Flex Chart的缩放。

功能：

1. 在Chart上拖拉一个矩形范围可对单个或多个数据系列进行缩放；
2. 在Chart上双击将恢复到缩放前的状态。

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

从本质上讲，我们只是通过区域选择得到新的<span class="ActionScriptDefault_Text">dataProvider，再提供给Chart，从而模拟了Chart缩放。有几个小技巧值得一提：

1. 使用ChartItemEvent的Change事件而不用itemMouseUp事件可以避免在空白处拖拉选择时不缩放Chart。
2. 使用canReset状态变量确保只有进行了缩放后才执行还原。
3. 对于DateTimeAxis，设置alignLabelsToUnits="false"，设置LineSeries的项目渲染器为CircleItemRenderer，这样即使缩放后只有一个点，在舞台 上也可见，并且对应的Label也可见。

上一篇: IE的Javascript问题
下一篇: AIR培训视频
文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: ChartChart LabsLabs
相关日志: