To axay Actually wht you want ,, if possible then attach the jpg file
you want .. i think you use the label renderer for that amit On Sat, Dec 6, 2008 at 3:39 PM, Axay <[EMAIL PROTECTED]> wrote: > > Hi, > > I have to display following data in to a chart(chart should grow in x > axis only. y axis value will be similar through out. For example first > part will have start time at 16:00 and end time will be 16:25. The > colors would be specific to ids). > > The problems I am facing: > 1. Not able to specify the x axis data in a readable format as time > scale. I have to display start time and end time of each pattern in > "hourly" or any other readable format. Right now it is not in readable > format. > 2. Also I want to get rid of y- axis OR at least its labels because > they are not needed in my case. > 3. If this is not possible then please tell me any other way to plot > such chart OR if is there any better way to do so then also it would > be good. > > Thanks, > Axay > > > <?xml version="1.0"?> > <!-- charts/WaterfallStacked.mxml --> > <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; width="100%" > height="100%" initialize="generateRandomColorArray();" > backgroundColor="0xffffff"> > <mx:Script><![CDATA[ > import mx.graphics.RadialGradient; > import mx.graphics.GradientEntry; > import mx.charts.HitData; > import mx.charts.series.items.ColumnSeriesItem; > import mx.graphics.SolidColor; > import mx.graphics.IFill; > import mx.collections.ArrayCollection; > > > > [Bindable] > public var ChartData:ArrayCollection = new ArrayCollection([ > {sTime:"16:00",eTime:"16:25",timeDifference:25, > Id:"1",h:1, > expId:"1"}, > {sTime:"16:25",eTime:"16:45",timeDifference:20, > Id:"2",h:1, > expId:"1"}, > {sTime:"16:45",eTime:"16:55",timeDifference:10, > Id:"3",h:1, > expId:"2"}, > {sTime:"16:55",eTime:"17:00",timeDifference:5, > Id:"4",h:1, > expId:"2"}, > {sTime:"17:00",eTime:"18:00",timeDifference:60, > Id:"1",h:1, > expId:"1"}, > {sTime:"18:00",eTime:"19:50",timeDifference:110, > Id:"2",h:1, > expId:"2"}, > {sTime:"19:50",eTime:"20:10",timeDifference:20, > Id:"3",h:1, > expId:"1"} > > ]); > > > [Bindable] > private var clusterColors:Array=new Array(); > > private function generateRandomColorArray():void > { > var redBias:Number = 0xFF; > var greenBias:Number = 0xFF; > var blueBias:Number = 0xFF; > > for(var i:int=0;i<1000;i++) > { > var ct:ColorTransform = new > ColorTransform(1,1,1,1,Math.random() > *redBias,Math.random()*greenBias,Math.random()*blueBias); > var color:uint = ct.color; > clusterColors.push(color); > > } > clusterColors = > removeDuplicates(clusterColors); > } > > > private function removeDuplicates(arr:Array):Array > { > var currentValue:String = ""; > var tempArray:Array = new Array(); > arr.sort(Array.CASEINSENSITIVE); > arr.forEach( > function(item:*, index:uint, > array:Array):void > { > if (currentValue != item) { > > tempArray.push(item); > > currentValue= item; > } > } > ); > return > tempArray.sort(Array.CASEINSENSITIVE); > } > private var > fillBarColor_merged_arrayC:ArrayCollection = new > ArrayCollection(); > private function getColor(element:ColumnSeriesItem, > index:Number):IFill > { > var radGrad:RadialGradient = new RadialGradient(); > var arrGrad:Array = new Array(); > > if(element.item.Id <http://element.item.id/> > !=element.item.expId) > { > var gradEntry1:GradientEntry = new > GradientEntry(); > gradEntry1.color = clusterColors[ > element.item.Id <http://element.item.id/>]; > gradEntry1.ratio = 0.3; > > arrGrad.push(gradEntry1); > > var gradEntry2:GradientEntry = new > GradientEntry(); > gradEntry2.color = > clusterColors[element.item.expId]; > gradEntry2.ratio = 0.7; > > arrGrad.push(gradEntry2); > > radGrad.entries = arrGrad ; > > return radGrad; > } > var c:SolidColor = new SolidColor(); > c.color = > clusterColors[element.item.Id<http://element.item.id/> > ]; > > return c; > } > > private function getdata(hd:HitData):String > > { > var cs:ColumnSeriesItem = hd.element as > ColumnSeriesItem; > //trace(hd.item.clusterId); > var str:String = "Id : > "+hd.item.Id<http://hd.item.id/>+" > expId : "+hd.item.expId; > return str; > } > > ]]></mx:Script> > > <mx:ColumnChart id="loadPattern" width="100%" height="200" > dataProvider="{ChartData}" > columnWidthRatio="2" > showDataTips="true" dataTipFunction="getdata" > > > <mx:horizontalAxis> > <mx:CategoryAxis > id="horzA" > dataProvider="{ChartData}" > categoryField="timeDifference" > /> > </mx:horizontalAxis> > > <mx:horizontalAxisRenderers> > <mx:AxisRenderer canDropLabels="true" axis="{horzA}"/> > </mx:horizontalAxisRenderers> > > <mx:series> > > <mx:ColumnSeries yField="h" xField="timeDifference" > displayName="Ids" height="10" fillFunction="getColor"> > > </mx:ColumnSeries> > > </mx:series> > > </mx:ColumnChart> > > > </mx:Application> > > > -- Gateway technolabs ltd. Ahmedabad --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
