tion %> 选择区域缩放Flex Chart|易点互动
当前位置:首页 > 建站知识

选择区域缩放Flex Chart

更新时间:2009.06.22 浏览次数:

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

功能:

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

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

从本质上讲,我们只是通过区域选择得到新的dataProvider,再提供给Chart,从而模拟了Chart缩放。有两个小技巧值得一提:

  1. 使用ChartItemEvent的Change事件而不用itemMouseUp事件可以避免在空白处拖拉选择时不缩放Chart。
  2. 使用findDataPoints找出选择的HitData个数,如果个数为0表示是通过拖拉实现区域选择,个数为1表示是通过鼠标单击选择,从而避免了单击选择单个HitData也缩放Chart。
  3. 为保证区域选择单个HitData生成曲线的实用性,生成的曲线也包括该HitData附近的两个HitData。