CSS for LineChart
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="#EEEEEE" layout="horizontal"> <mx:Style> @namespace mx "http://www.adobe.com/2006/mxml"; mx|LineSeries { stroke-width:2; stroke-color:black; fills:#333333,#999999,#CCCCCC; } </mx:Style> <mx:Model id="trendModel"> <data> <row> <quarter>Q1 2010</quarter> <sales>1</sales> </row> <row> <quarter>Q2 2010</quarter> <sales>4</sales> </row> <row> <quarter>Q3 2010</quarter> <sales>2</sales> </row> <row> <quarter>Q4 2010</quarter> <sales>3</sales> </row> </data> </mx:Model> <mx:ArrayCollection id="trendData" source="{trendModel.row}"/> <mx:Panel title="Line Chart" height="100%" width="100%"> <mx:LineChart dataProvider="{trendData}" height="100%" width="100%"> <mx:horizontalAxis> <mx:CategoryAxis dataProvider="{trendData}" categoryField="quarter"/> </mx:horizontalAxis> <mx:series> <mx:LineSeries xField="quarter" yField="sales"/> </mx:series> </mx:LineChart> </mx:Panel> </mx:Application>