Anybody have an idea on this.. still stuck at this... thanks in advance sandeep
On Tue, Apr 7, 2009 at 12:50 AM, Sandeep P P <[email protected]>wrote: > Hi, > I have a problem, my plot chart whose datetime axis is controlled by a > slider. This slider is having 2 thumbs, one with min date and one with max > date, > Now if i move the thumbs so that time is reduced, plot chart will get > expanded.. like first it will show years.. then comes to months...as i slide > the thumbs > closer. But at the min, i am getting monthly data,, ie data within 4 > months.. > > I want this ti be reduced as much as daily. can somebody get me some ideas > for this problem. > > I am sharing the code here > > <?xml version="1.0"?> > <!-- Simple example to demonstrate the PlotChart control. --> > <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; > creationComplete="init()"> > > <mx:Script> > <![CDATA[ > import mx.controls.Alert; > import mx.events.SliderEvent; > > import mx.collections.ArrayCollection; > var minTime: Number = NaN; > var maxTime: Number = NaN; > var minAxisDate: Date = new Date(); > var maxAxisDate: Date = new Date(); > private var millisecondsPerDay:int = 1000 * 60 * 60 * 24; > private var millisecondsPerWeek:int = millisecondsPerDay * 7; > > > [Bindable] > private var expensesAC:ArrayCollection = new ArrayCollection( [ > { date: "2000, 1, 7", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2000, 1, 8", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2000, 1, 9", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2000, 1, 10", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 11", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 12", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 13", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 14", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 15", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 16", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 17", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 18", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 19", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 20", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 21", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 22", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 23", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 24", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 25", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 26", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2000, 1, 27", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2001, 1, 28", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2002, 1, 29", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2003, 1, 30", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2004, 1, 31", Profit: 2000, Expenses: 1500, Amount: > 450 }, > { date: "2005, 1, 7", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2006, 1, 7", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2007, 1, 7", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2008, 1, 7", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2009, 1, 7", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2010, 1, 7", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2011, 1, 7", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2012, 1, 7", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2013, 1, 7", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2014, 1, 7", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2015, 1, 7", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2016, 1, 7", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2017, 6, 17", Profit: 1000, Expenses: 200, Amount: 600 > }, > { date: "2018, 1, 7", Profit: 2000, Expenses: 1500, Amount: 450 > }, > { date: "2009, 8, 29", Profit: 1500, Expenses: 500, Amount: 300 > } > ]); > > public function myParseFunction(s:String):Date { > // Get an array of Strings from the comma-separated String > passed in. > var a:Array = s.split(","); > // Create the new Date object. Subtract one from the month > property. > // The month property is zero-based in the Date constructor. > var newDate:Date = new Date(a[0],a[1]-1,a[2]); > return newDate; > } > > public function init():void > { > slider1.minimum = new Date(2000, 0, 7).time; > slider1.maximum = new Date(2009, 7, 29).time; > slider1.setThumbValueAt(0,new Date(2000, 0, 7).time); > slider1.setThumbValueAt(1,new Date(2009, 7, 29).time); > > slider1.addEventListener(mx.events.SliderEvent.CHANGE,onSliderDatesChange); > } > > public function onSliderDatesChange(ev:SliderEvent):void > { > onSliderChange(); > } > > > var timeDiff : Number; > public function onSliderChange(): void > { > if(slider1.values[0]!=null && slider1.values[1]!=null) > { > dateFieldFrom.selectedDate.time = slider1.values[0]; > dateFieldFrom.selectedDate = dateFieldFrom.selectedDate; > dateFieldTo.selectedDate.time = slider1.values[1]; > dateFieldTo.selectedDate = dateFieldTo.selectedDate; > > try { > minTime = dateFieldFrom.selectedDate.time; > maxTime = dateFieldTo.selectedDate.time; > timeDiff = maxTime - minTime; > } > catch (err: Error) > { > Alert.show(err.message); > } > > if (timeDiff > 0) > { > minAxisDate.time = minTime; > maxAxisDate.time = maxTime; > dateTimeAxis1.minimum = minAxisDate; > dateTimeAxis1.maximum = maxAxisDate; > } > } > } > ]]> > > </mx:Script> > > <mx:Panel title="PlotChart Control Example" height="100%" width="100%"> > > <mx:PlotChart id="plot" height="100%" width="100%" > paddingLeft="5" paddingRight="5" > showDataTips="true" dataProvider="{expensesAC}"> > > <mx:horizontalAxis> > <mx:DateTimeAxis id="dateTimeAxis1" dataUnits="days" > parseFunction="myParseFunction"/> > </mx:horizontalAxis> > > <mx:series> > <mx:PlotSeries xField="date" yField="Profit" > displayName="Profit"/> > <mx:PlotSeries xField="date" yField="Expenses" > displayName="Expenses"/> > <mx:PlotSeries xField="date" yField="Amount" > displayName="Amount"/> > </mx:series> > </mx:PlotChart> > > <mx:Legend dataProvider="{plot}"/> > > <mx:ControlBar horizontalAlign="center"> > <mx:HBox> > <mx:HSlider liveDragging="true" id="slider1" > allowTrackClick="false" thumbCount="2" showTrackHighlight="true"/> > <mx:DateField id="dateFieldFrom" selectedDate="{new > Date()}"/> > <mx:DateField id="dateFieldTo" selectedDate="{new > Date()}"/> > </mx:HBox> > </mx:ControlBar> > > </mx:Panel> > </mx:Application> > > thanks > In advance > > sandeep > --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
