PieChart组件的数据源改变后的运动效果.

最新推荐文章于 2021-09-15 21:42:21 发布

转载最新推荐文章于 2021-09-15 21:42:21 发布 · 123 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xxcainiao/archive/2008/04/26/1172479.html

文章标签：

#c#

本文介绍了一个使用Flex实现的动态饼图示例，通过随机生成的数据改变图表内容，并运用动画效果平滑过渡到新的数据状态。代码中详细展示了如何初始化数据及设置饼图动画。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

示例：

代码：

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        creationComplete="initDP();">

    <mx:Script>
        <![CDATA[
            private const MAX_ITEMS:uint = 10;

            private function initDP():void {
                var i:uint;
                dp = [];
                for (i = 0; i < MAX_ITEMS; i++) {
                    dp.push({data:getRandomUint(100), label:"item " + i});
                }
            }

            private function getRandomUint(max:uint):uint {
                return Math.round(Math.random() * max);
            }
        ]]>
    </mx:Script>

    <mx:Array id="dp" />

    <mx:ApplicationControlBar dock="true">
        <mx:Button label="Change Data"
                click="initDP();" />
    </mx:ApplicationControlBar>

    <mx:PieChart id="chart"
            height="100%"
            width="100%"
            dataProvider="{dp}">
        <mx:series>
            <mx:PieSeries field="data">
                <mx:showDataEffect>
                    <mx:SeriesInterpolate duration="1000" />
                </mx:showDataEffect>
            </mx:PieSeries>
        </mx:series>
    </mx:PieChart>

</mx:Application>

转载于:https://www.cnblogs.com/xxcainiao/archive/2008/04/26/1172479.html