选择删除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项目。

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

文章来自: 本站原创
引用通告: 查看所有引用 | 我要引用此文章
Tags: Flex3 Chart
相关日志: