+展开
-XML
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="horizontal" backgroundColor="0xFFFFFF">
<mx:Script>
<![CDATA[
[Bindable] public var chartDP:Array = [
{day:'Monday',rainfall:10,elevation:100,temperature:78},
{day:'Tuesday',rainfall:7,elevation:220,temperature:66},
{day:'Wednesday',rainfall:5,elevation:540,temperature:55},
{day:'Thursday',rainfall:8,elevation:60,temperature:84},
{day:'Friday',rainfall:11,elevation:390,temperature:52},
{day:'Saturday',rainfall:12,elevation:790,temperature:45},
{day:'Sunday',rainfall:14,elevation:1220,temperature:24}
];
]]>
</mx:Script
>
<mx:horizontalAxis>
<mx:CategoryAxis
dataProvider="{chartDP}"
categoryField="day" />
</mx:horizontalAxis>
<mx:series>
<mx:AreaSeries alpha=".5" yField="rainfall" displayName=""rainfall">
+展开
-XML
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="horizontal" backgroundColor="0xFFFFFF">
<mx:Script>
<![CDATA[
[Bindable] public var chartDP1:Array = [
{day:'Monday',rainfall:10,elevation:100,temperature:78},
{day:'Tuesday',rainfall:7,elevation:220,temperature:66},
{day:'Wednesday',rainfall:5,elevation:540,temperature:55},
{day:'Thursday',rainfall:8,elevation:60,temperature:84},
{day:'Friday',rainfall:11,elevation:390,temperature:52},
{day:'Saturday',rainfall:12,elevation:790,temperature:45},
{day:'Sunday',rainfall:14,elevation:1220,temperature:24}
];
[Bindable] public var chartDP2:Array = [
{day:'Sunday',rainfall:10,elevation:100,temperature:78},
{day:'Saturday',rainfall:7,elevation:220,temperature:66},
{day:'Friday',rainfall:5,elevation:540,temperature:55},
{day:'Thursday',rainfall:8,elevation:60,temperature:84},
{day:'Wednesday',rainfall:11,elevation:390,temperature:52},
{day:'Tuesday',rainfall:12,elevation:790,temperature:45},
{day:'Monday',rainfall:14,elevation:1220,temperature:24}
];
]]>
</mx:Script>
<mx:SeriesSlide id="dataIn" duration="500" direction="up"/>
<mx:SeriesSlide id="dataOut" duration="500" direction="up"/>
<mx:SeriesZoom id="dataOut" duration="500"/>
<mx:SeriesInterpolate id="dataIn" duration="1000"/> -->
<mx:BarChart id="rainfallChart" dataProvider="{chartDP1}" >
<mx:horizontalAxis>
<mx:CategoryAxis
dataProvider="{chartDP1}"
categoryField="day" />
</mx:horizontalAxis>
<mx:series>
<mx:ColumnSeries
yField="rainfall" xField="day"
displayName="rainfall"
showDataEffect="{dataIn}"hideDataEffect="{dataOut}" />
</mx:series>
</mx:BarChart>
<mx:HBox>
<mx:RadioButton groupName="dataProvider"
label="Data Provider 1" selected="true"
click="rainfallChart.dataProvider=chartDP1;"/>
<mx:RadioButton groupName="dataProvider"
label="Data Provider 2"
click="rainfallChart.dataProvider=chartDP2;"/>
</mx:HBox>
</mx:Application>