How did Adobe animate the charting components?

[abeall]

I'm new to Flex. New as in we just bought FB2 today and I started my first Flex project ever. I've used AS1/2 with the Flash IDE for years, and I know a bit of AS3, but mxml is a beast I have not had to face yet. At any rate, I'm making a small app for our company to display reports, using Flex Builder 2 and the Charting components. Something that caught my eye was how the graphs animate, as in Adobe's "dashboard" example:

http://examples.adobe.com/flex2/inpr...dashboard.html

I figured this was a native feature when the data was set(dataProvider) for a charting component, but it apparently is not, as my graphs never animate when data is updated. How was this animation of the charts done? I've looked through the source, but as I'm quite fresh to the Flex framework(FFF™) I was unable to find anything that looked like it was the answer. Any help from you Flexers would be appreciated.

[senocular]

Right-click on that example and select "View Source"

[abeall]

Indeed, I've looked through each mxml file several times and don't see anything, nor do I really know what I'm looking for

PS - these smilies are the whack!

[dr_zeus]

In RegionDetail.mxml:

showDataEffect="{interpolate}"

"interpolate" is defined in RevenueTimeline:

<mx:SeriesInterpolate id="interpolate" elementOffset="10"/>

[abeall]

[EDIT] Wow, incredible timing, zeus. I bet it didn't take you a day and a half to figure that out, like it took me [/EDIT]

Alright, I figured it out! First you create a tag which represents an effect:
<mx:SeriesInterpolate id="dataEffect" duration="1000" minimumElementDuration="200" elementOffset="0" />

Then you can set a few effect attributes, like the 'showDataEffect':

<mx:ColumnSeries showDataEffect="dataEffect" xField="date" displayName="{dataDisplayName}" yField="{dataField}"/>

...mxml is weird, but that's some sweet, flashy, goodness! I can't imagine what went into making the Flex class library/framework.