<?xml version="1.0" encoding="utf-8"?> <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>