收藏 不显示删除回复显示所有回复显示星级回复显示得分回复 ||求|助|啊|！|！|！||关于line chart问题，可不可以让曲线动起来呢
希望可以点击checkbox后曲线缓慢升起来或者有个什么动态的效果，像这个气温曲线图一样~http://www.weather.com.cn/weather/101190101.shtml。各位大侠，帮帮我吧~~~~~
以下是源文件：
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" verticalAlign="middle" backgroundColor="white" creationComplete="//createFilters()" backgroundGradientAlphas="[1.0, 0.0]" width="700" height="410" borderColor="#EFF0F1" borderStyle="outset" themeColor="#D4E7FB" backgroundGradientColors="[#DDDCDC, #E6E6E6]">
<mx:Script>
<![CDATA[
import mx.charts.CategoryAxis;
import mx.charts.chartClasses.IAxis;
[Bindable]
private var _DropShadowFilter:DropShadowFilter = new DropShadowFilter(2, 45, 0x000000, 0.7, 2, 2, 0.65, 3, false, false);
private function linearAxis_labelFunc(item:Object, prevValue:Object, axis:IAxis):String {
return item+'%';
}
private function categoryAxis_labelFunc(item:Object, prevValue:Object, axis:CategoryAxis, categoryItem:Object):String {
return String(item) + '月';
}
private function changeState(id:String):void{
if(id=="one"){
}
else if(id=="two"){
}
else if(id=="three"){
}
}
]]>
</mx:Script>
<mx:DividedBox width="98%" height="399" horizontalCenter="-1" verticalCenter="-1" backgroundColor="#FFFFFF" backgroundAlpha="0.92" borderColor="#83B6DA" themeColor="#505050" borderStyle="inset" cornerRadius="17">
</mx:DividedBox>
<mx:CurrencyFormatter id="currFormatter" precision="2"/>
<mx:Fade id="fadeOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/>
<mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/>
<mx:XMLListCollection id="dp" >
<mx:source>
<mx:XMLList>
<quote day="1" act="40.29%" close="50%" tt="77%" />
<quote day="2" act="39.4%" close="42.52%" tt="53%" />
<quote day="3" act="59.47%" close="10.75%" tt="25%" />
<quote day="4" act="10%" close="60.38%" tt="52%" />
<quote day="5" act="39.08%" close="80.42%" tt="66%" />
<quote day="6" act="40%" close="55.23%" tt="78%" />
</mx:XMLList>
</mx:source>
</mx:XMLListCollection>
<!-- Define Strokes -->
<mx:Stroke id = "s1" color="#28b224" weight="1"/>
<mx:Stroke id = "s2" color="#01D6FD" weight="1"/>
<mx:Stroke id = "s3" color="#FC6103" weight="1"/>
<mx:Stroke id="vSolid" weight="1" color="#D7D7D7" alpha="0.1" />
<mx:Stroke id="hSolid" weight="1" color="#D7D7D7" alpha="0.3" />
<mx:SolidColor id="vFill" color="#D7D7D7" alpha=".2" />
<mx:SolidColor id="hFill" color="#FFFFFF" alpha=".1" />
<mx:SolidColor id="tFill" color="#ffffff" alpha=".1" />
<mx:LineChart id="lineChart" showDataTips="true" dataProvider="{dp}" width="641" height="320" seriesFilters="[]" themeColor="#037FFD" fontSize="13" x="27.5" y="25">
<mx:backgroundElements>
<mx:GridLines direction="both" horizontalTickAligned="true" verticalTickAligned="false"
verticalStroke="{vSolid}" horizontalStroke="{hSolid}"
verticalFill="{vFill}" horizontalFill="{hFill}"
verticalAlternateFill="{tFill}" horizontalAlternateFill="{tFill}"
/>
</mx:backgroundElements>
<mx:verticalAxis>
<mx:LinearAxis baseAtZero="false" title="" labelFunction="linearAxis_labelFunc" />
</mx:verticalAxis>
<mx:horizontalAxis>
<mx:CategoryAxis id="ca" categoryField="@day" title="" labelFunction="categoryAxis_labelFunc" />
</mx:horizontalAxis>
<mx:horizontalAxisRenderers>
<mx:AxisRenderer axis="{ca}" canDropLabels="true" />
</mx:horizontalAxisRenderers>
<mx:seriesFilters><mx:Array/></mx:seriesFilters>
<mx:series>
<mx:LineSeries id="one" yField="@act" displayName="及时率" lineStroke="{s1}" showDataEffect="{fadeIn}" hideDataEffect="{fadeOut}" filters="{[_DropShadowFilter]}" visible="{cone.selected}" />
<mx:LineSeries id="two" yField="@close" displayName="接种率" lineStroke="{s2}" showDataEffect="{fadeIn}" hideDataEffect="{fadeOut}" filters="{[_DropShadowFilter]}" visible="{ctwo.selected}" />
<mx:LineSeries id="three" yField="@tt" displayName="合格率" lineStroke="{s3}" showDataEffect="{fadeIn}" hideDataEffect="{fadeOut}" filters="{[_DropShadowFilter]}" visible="{cthree.selected}" />
</mx:series>
</mx:LineChart>
<mx:CheckBox id="cone" label="及时率" x="540" y="360" fontSize="14" color="#28B224" fontWeight="bold"/>
<mx:CheckBox id="cthree" label="合格率" x="440" y="360" fontSize="14" color="#FC6103" fontWeight="bold"/>
<mx:CheckBox id="ctwo" label="接种率" x="340" y="360" fontSize="14" color="#01D6FD" fontWeight="bold"/>
</mx:Application>
[解决办法]
看看这个效果可以吗？
<?xml version="1.0"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" verticalAlign="middle" backgroundColor="white" creationComplete="//createFilters()" backgroundGradientAlphas="[1.0, 0.0]" width="700" height="410" borderColor="#EFF0F1" borderStyle="outset" themeColor="#D4E7FB" backgroundGradientColors="[#DDDCDC, #E6E6E6]"> <mx:Script> <![CDATA[ import mx.charts.CategoryAxis; import mx.charts.chartClasses.IAxis; [Bindable] private var _DropShadowFilter:DropShadowFilter=new DropShadowFilter(2, 45, 0x000000, 0.7, 2, 2, 0.65, 3, false, false); private function linearAxis_labelFunc(item:Object, prevValue:Object, axis:IAxis):String { return item + '%'; } private function categoryAxis_labelFunc(item:Object, prevValue:Object, axis:CategoryAxis, categoryItem:Object):String { return String(item) + '月'; } private function changeState(id:String):void { if (id == "one") { } else if (id == "two") { } else if (id == "three") { } } ]]> </mx:Script> <mx:WipeRight id="wipeOut" duration="1000"/> <mx:WipeRight id="wipeIn" duration="1000"/> <mx:DividedBox width="98%" height="399" horizontalCenter="-1" verticalCenter="-1" backgroundColor="#FFFFFF" backgroundAlpha="0.92" borderColor="#83B6DA" themeColor="#505050" borderStyle="inset" cornerRadius="17"> </mx:DividedBox> <mx:CurrencyFormatter id="currFormatter" precision="2"/> <mx:Fade id="fadeOut" duration="1000" alphaFrom="1.0" alphaTo="0.0"/> <mx:Fade id="fadeIn" duration="1000" alphaFrom="0.0" alphaTo="1.0"/> <mx:XMLListCollection id="dp"> <mx:source> <mx:XMLList> <quote day="1" act="40.29%" close="50%" tt="77%"/> <quote day="2" act="39.4%" close="42.52%" tt="53%"/> <quote day="3" act="59.47%" close="10.75%" tt="25%"/> <quote day="4" act="10%" close="60.38%" tt="52%"/> <quote day="5" act="39.08%" close="80.42%" tt="66%"/> <quote day="6" act="40%" close="55.23%" tt="78%"/> </mx:XMLList> </mx:source> </mx:XMLListCollection> <!-- Define Strokes --> <mx:Stroke id="s1" color="#28b224" weight="1"/> <mx:Stroke id="s2" color="#01D6FD" weight="1"/> <mx:Stroke id="s3" color="#FC6103" weight="1"/> <mx:Stroke id="vSolid" weight="1" color="#D7D7D7" alpha="0.1"/> <mx:Stroke id="hSolid" weight="1" color="#D7D7D7" alpha="0.3"/> <mx:SolidColor id="vFill" color="#D7D7D7" alpha=".2"/> <mx:SolidColor id="hFill" color="#FFFFFF" alpha=".1"/> <mx:SolidColor id="tFill" color="#ffffff" alpha=".1"/> <mx:LineChart id="lineChart" showDataTips="true" dataProvider="{dp}" width="641" height="320" seriesFilters="[]" themeColor="#037FFD" fontSize="13" x="27.5" y="25"> <mx:backgroundElements> <mx:GridLines direction="both" horizontalTickAligned="true" verticalTickAligned="false" verticalStroke="{vSolid}" horizontalStroke="{hSolid}" verticalFill="{vFill}" horizontalFill="{hFill}" verticalAlternateFill="{tFill}" horizontalAlternateFill="{tFill}"/> </mx:backgroundElements> <mx:verticalAxis> <mx:LinearAxis baseAtZero="false" title="" labelFunction="linearAxis_labelFunc"/> </mx:verticalAxis> <mx:horizontalAxis> <mx:CategoryAxis id="ca" categoryField="@day" title="" labelFunction="categoryAxis_labelFunc"/> </mx:horizontalAxis> <mx:horizontalAxisRenderers> <mx:AxisRenderer axis="{ca}" canDropLabels="true"/> </mx:horizontalAxisRenderers> <!-- <mx:seriesFilters> <mx:Array/> </mx:seriesFilters> --> <mx:series> <mx:LineSeries id="one" yField="@act" displayName="及时率" lineStroke="{s1}" showEffect="{wipeIn}" hideEffect="{wipeOut}" filters="{[_DropShadowFilter]}" visible="{cone.selected}"/> <mx:LineSeries id="two" yField="@close" displayName="接种率" lineStroke="{s2}" showEffect="{wipeIn}" hideEffect="{wipeOut}" filters="{[_DropShadowFilter]}" visible="{ctwo.selected}"/> <mx:LineSeries id="three" yField="@tt" displayName="合格率" lineStroke="{s3}" showEffect="{wipeIn}" hideEffect="{wipeOut}" filters="{[_DropShadowFilter]}" visible="{cthree.selected}"/> </mx:series> </mx:LineChart> <mx:CheckBox id="cone" label="及时率" x="540" y="360" fontSize="14" color="#28B224" fontWeight="bold"/> <mx:CheckBox id="cthree" label="合格率" x="440" y="360" fontSize="14" color="#FC6103" fontWeight="bold"/> <mx:CheckBox id="ctwo" label="接种率" x="340" y="360" fontSize="14" color="#01D6FD" fontWeight="bold"/></mx:Application>