选择删除Flex Chart项目

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

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

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

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

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

发表评论