基于更改 dataProvider 的动画折线图

Question

我需要能够根据 SeriesInterpolate 数据效果对 LineChart 进行动画处理（我将有一个 dataproiders 数组）。我想要一个“播放”按钮，该按钮将：

1. 使用数组中的第一个数据提供程序初始化折线图
2. 启动动画并等待动画完成，然后加载第二个数据提供程序
3. 重复该过程，直到加载数组中的所有数据提供程序

有什么想法吗？

Answer 1

没问题，您只需使用effectEnd事件

因此，在您的效果上，您需要附加effectEnd侦听器，如下所示：

<mx:SeriesInterpolate id="interpolateIn" duration="1000" effectEnd="fetchNextDataset()"/> 

然后在您的代码中，您需要存储数据集以及您要存储的数据集的索引目前正在查看，最后是切换它们的方法。

        private var datasets        :ArrayCollection;   // fill with your datasets              
        private var currentDataset  : uint = 0;         // holds current dataset

        private function fetchNextDataset () : void {
            if( currentDataset >= datasets.length) return;  // out of range, played em all!
            candlestickchart.dataProvider = datasets.getItemAt(currentDataset);
            currentDataset++;
        }

至于播放按钮，它需要做的就是第一次调用 fetchNextDataset();

<mx:Button label="play" click="fetchNextDataset()"/>

有道理吗？