As far as I can see your problem boils down to this: "The problem is that when certain events in the application happen, the min and max of one of the axis is reset to 0, 100. To avoid this I can set the min and max values, but I would like to avoid this as the axis should auto scale just like it does when it is first created" or in other words: "The application is setting the min and max, but I don't want them to be set, I want them to autoscale."
There are two solutions: 1) Stop the min and max from being set in the first place. Find out what is causing it - the stylesheet you are loading? Then modify this. 2) Set the min and max to NaN after they have been set. This re-enables autoscaling. Regards, John 2011/8/30 Deidre > > I have a simply dual axis chart similar to the samples found all over the > internet. The chart has a line series on one Linear vertical axis and a > column series on another Linear vertical axis. The problem is that when > certain events in the application happen, the min and max of one of the axis > is reset to 0, 100. To avoid this I can set the min and max values, but I > would like to avoid this as the axis should auto scale just like it does > when it is first created. > > Here is some sample code to show the problem. The code is basically a > chart with a button. When the button is clicked a new styleSheet is loaded > and it is then that the axis is set to 0, 100. > > <code> > > <?xml version="1.0" encoding="utf-8"?> > > <s:WindowedApplication > xmlns:fx="http://ns.adobe.com/mxml/2009"; > > xmlns:s="library://ns.adobe.com/flex/spark" > > xmlns:mx="library://ns.adobe.com/flex/mx" > > showStatusBar="false"> > > <fx:Script> > > <![CDATA[ > > *import* mx.collections.ArrayCollection; > > *import* mx.core.FlexGlobals; > > [ > *Bindable*] > > *public* *var* SMITH:ArrayCollection = *new* ArrayCollection([ > > {date: > *"22-Aug-05"*, close:41.87}, > > {date: > *"23-Aug-05"*, close:45.25}, > > {date: > *"24-Aug-05"*, close:42.77}, > > {date: > *"25-Aug-05"*, close:48.02}, > > ]); > > [ > *Bindable*] > > *public* *var* DECKER:ArrayCollection = *new* ArrayCollection([ > > {date: > *"22-Aug-05"*, close:157.59}, > > {date: > *"23-Aug-05"*, close:160.3}, > > {date: > *"24-Aug-05"*, close:150.71}, > > {date: > *"25-Aug-05"*, close:156.88}, > > ]); > > *private* *function* onButtonClick():*void* > > { > > > StyleManager.getStyleManager(FlexGlobals.topLevelApplication.moduleFactory).loadStyleDeclarations( > *"style01.swf"*,*true*); > > } > > ]]> > > </fx:Script> > > <s:VGroup width="100%" height="100%" horizontalAlign="center"> > > <s:Button label="Click" click="onButtonClick()" /> > > <mx:ColumnChart id="myChart" width="100%" height="100%" showDataTips="true > "> > > <mx:horizontalAxis> > > <mx:CategoryAxis id="h1" categoryField="date"/> > > </mx:horizontalAxis> > > <mx:verticalAxis> > > <mx:LinearAxis id="v1" /> > > </mx:verticalAxis> > > <mx:verticalAxisRenderers> > > <mx:AxisRenderer placement="left" axis="{v1}" /> > > <mx:AxisRenderer placement="right" axis="{v2}" /> > > </mx:verticalAxisRenderers> > > <mx:series> > > <mx:ColumnSeries id="cs1" > > horizontalAxis=" > {h1}" > > dataProvider=" > {SMITH}" > > displayName=" > Smith" > > yField=" > close"> > > <mx:verticalAxis> > > <mx:LinearAxis id="v2" /> > > </mx:verticalAxis> > > </mx:ColumnSeries> > > <mx:LineSeries id="cs2" > > horizontalAxis=" > {h1}" > > verticalAxis=" > {v1}" > > dataProvider=" > {DECKER}" > > displayName=" > Decker" > > yField=" > close" /> > > </mx:series> > > </mx:ColumnChart> > > <mx:Legend dataProvider="{myChart}" direction="horizontal"/> > > </s:VGroup> > > </s:WindowedApplication> > > </code> > > > > The style sheet which is loaded is basically a blank stylesheet which is > compiled to swf. > > > > /* CSS file */ > > @namespace s > "library://ns.adobe.com/flex/spark"; > > @namespace mx > "library://ns.adobe.com/flex/mx"; > > global > > { > > font-family: "Verdana"; > > } > >
