选择删除Flex Chart项目

Flex 3的Chart新增了不少API,让我们很方便地选择Flex Chart 项目(Item)/数据点(data point),实现利用鼠标、键盘或区域进行选择。

要选择Flex Chart项目,首先要设置Chart的selectionMode属性,可能的值是none、single 或 multiple。设置为 none 可避免选中任何图表项。设置为 single 可允许一次仅选中一个项。设置为 multiple 可允许一次选中一个或多个图表项。其次还可以通过设置某个系列(Series)的selectable属性来指定该系列是否可选,默认为true。

在本例中,我们要实现多选,因而设置selectionMode为multiple。为了显示选择后的状态,为系列设定项目渲染器(itemRenderer)为方块,取消选择时则删除该项目渲染器。

要删除选择的Flex Chart项目,有一个小技巧:首先通过selectedIndices属性取得系列的数据提供程序中所选项的索引Array,再按降序排序,然后循环删除被绑定的数组集元素,被绑定的数组集会自动更新Chart,从而删除选择的Flex Chart项目。

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

上一篇上一篇: Flex Finance Chart
下一篇下一篇: 用Flex偷偷给图片加上水印
来自文章来自: 本站原创
引用引用通告: 查看所有引用 | 我要引用此文章
标签Tags: Flex3 Chart
相关相关日志:
评论: 3 | 引用: 0 | 查看次数: -
引用路人[2010-01-21 05:35 PM | 无网站 | 无Mail | 220.128.109.17 | 删除 | 取消审核 | 回复回复]
[正在加载评论信息,请稍候...]
引用谢谢[2009-12-14 01:48 PM | 无网站 | 无Mail | 59.173.9.82 | 删除 | 取消审核 | 回复回复]
[正在加载评论信息,请稍候...]
引用huber[2009-05-30 00:00 AM | 无网站 | 无Mail | 80.78.6.6 | 删除 | 取消审核 | 回复回复]
[正在加载评论信息,请稍候...]
发表评论
昵 称:
密 码: 游客发言不需要密码.
邮 箱: 邮件地址支持Gravatar头像,邮箱地址不会公开.
网 址: 输入网址便于回访.
内 容:
验证码:
选 项:
虽然发表评论不用注册,但是为了保护您的发言权,建议您注册帐号.
字数限制 1000 字 | UBB代码 开启 | [img]标签 关闭