I can now rotate the chart bt problem is that it cause the label to be invisible
<?xml version="1.0"?> <!-- charts/BasicColumn.mxml --> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";> <mx:Script><![CDATA[ import mx.collections.ArrayCollection; import mx.charts.chartClasses.Series; import mx.charts.chartClasses.IAxis; [Bindable] public var expenses:ArrayCollection = new ArrayCollection([ {Month:"Jan", Profit:2000, Expenses:1500}, {Month:"Feb", Profit:1000, Expenses:200}, {Month:"Mar", Profit:1500, Expenses:500} ]); public function ff():void{ myChart.rotation=90; myChart.x=myChart.height; //h.rotation=90; // myChart.y=myChart.width; } private function diffLabel(item:Object, prevValue:Object,axis:IAxis):String{ var str:String = String(Number(item)*-1); return str; } private function dataFunc(series:Series, item:Object,fieldName:String):Object { if (item.Expenses>0) item.Expenses = item.Expenses*-1; return item; } ]]></mx:Script> <mx:Button label="Button" click="ff()"/> <mx:Panel id="p1" title="Column Chart"> <mx:ColumnChart id="myChart" dataProvider="{expenses}" showDataTips="true"> <mx:horizontalAxis > <mx:CategoryAxis id="a1" dataProvider="{expenses}" categoryField="Month" /> </mx:horizontalAxis> <mx:verticalAxis> <mx:LinearAxis id="v1" title="Height" /> </mx:verticalAxis> <mx:verticalAxisRenderers> <mx:AxisRenderer axis="{v1}" placement="top" rotation="180" fontSize="20" fontStyle="normal" /> </mx:verticalAxisRenderers> <mx:horizontalAxisRenderers> <mx:AxisRenderer id="h" axis="{a1}" showLabels="true" placement="top"/> </mx:horizontalAxisRenderers> <mx:series> <mx:ColumnSeries id="s1" xField="Month" yField="Profit" displayName="Profit" /> </mx:series> </mx:ColumnChart> <mx:Legend dataProvider="{myChart}"/> </mx:Panel> </mx:Application> On Jul 7, 9:54 am, Akhil Agrawal <[email protected]> wrote: > when i tried this > > <mx:Panel title="Column Chart"> > <mx:ColumnChart id="myChart" height="100%" width="75%" > dataProvider="{expenses}" showDataTips="true" rotation="90" > > <mx:horizontalAxis > > <mx:CategoryAxis > dataProvider="{expenses}" > categoryField="Month" > /> > </mx:horizontalAxis> > <mx:series> > <mx:ColumnSeries > xField="Month" > yField="Profit" > displayName="Profit" > /> > <mx:ColumnSeries > xField="Month" > yField="Expenses" > displayName="Expenses" > /> > </mx:series> > </mx:ColumnChart> > <mx:Legend dataProvider="{myChart}"/> > </mx:Panel> > > this cause the chart to displayed outside the panel. > > On Jul 7, 9:48 am, Akhil Agrawal <[email protected]> wrote: > > > Hi, > > I want to display the chart with axis rotation. y axis from top to > > bottom not bottom to top. How to do this. > > > thanks > > akhil agrawal --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "Flex India Community" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/flex_india?hl=en -~----------~----~----~----~------~----~------~--~---
