Tim: I just posted the entire application in a zip file. I added a player title and it makes the text like subscript size. I also am using Ely's comments and trying to put pictures to the left of the bars - and I've realized, something... I'm totally confused as to what I'm doing. Which is par for the course for me.
http://www.reduxdj.org/redux/polls.zip I'm working from a previous example using the sandy distortion effects and it may be a little convoluted so far. Thanks for any guidance (other than pick a new profession, of course ;) Patrick From Ely's previous post: A chart typically has two AxisRenderers, one for the horizontal, and one for the vertical. Each AxisRenderer has a labelRenderer factory associated with it. It uses the label renderer factory to instantiate label renderer instances, one for each label. Your job is to create a new labelRenderer. Your labelRenderer should probably extend UIComponent. You would specify it like this: <BarChart> <verticalAxisRenderer> <AxisRenderer labelRenderer="PicLabelRenderer" /> </verticalAxisRenderer> ... </BarChart> Each PicLabelRenderer will get passed the string to render in its data property. It's up to you to decide how to render that string. In your case, if I were you, I'd imagine the string would either be an url, or used as a key to look up an image or image url in a mapping table. Ely. Tim Hoff wrote: > > Hey Patrick, > > Why don't you post your code so we can see what you're doing. It > probably has something to do with the gutters, fontSize and the > height of your chart. > > -TH > > --- In [email protected] > <mailto:flexcoders%40yahoogroups.com>, dj <[EMAIL PROTECTED]> wrote: > > > > > > Tim: > > > > I gave this a shot am I missing something here? Wordrapping isn't > > working for me, > > the text is still cut off. > > > > I appreciate your time in showing me this. Regex is all new to > me, but > > it's all the rage. > > > > Thanks, > > Patrick > > > > > > Tim Hoff wrote: > > > > > > Patrick, > > > > > > Sorry to highjack your thread. Here's a method to display a > > > multi-lined Axis label: > > > > > > *labelFunction: > > > *public function > > > wrapLabel > (cat:Object,pcat:Object,ax:CategoryAxis,catItem:Object):String > > > { > > > var pattern:RegExp = /-/; > > > return cat.replace(pattern, "-\n"); > > > } > > > > > > *Axis:* > > > <mx:horizontalAxis> > > > <mx:CategoryAxis categoryField="CategoryField" > > > labelFunction="wrapLabel"/> > > > </mx:horizontalAxis> > > > > > > This example changes: > > > > > > 11/17/06 - 12/16/06 > > > > > > to > > > > > > 11/17/06 - > > > 12/16/06 > > > > > > By using regular expresions, you have quite a bit of flexibility. > > > > > > -TH > > > __________________________________ > > > > > > **Tim Hoff > > > **Cynergy Systems, Inc. > > > http://www.cynergysystems.com <http://www.cynergysystems.com> > <http://www.cynergysystems.comoffice/ > <http://www.cynergysystems.comoffice/>> > > > Office <http://www.cynergysystems.comoffice/ > <http://www.cynergysystems.comoffice/>>: 866-CYNERGY > > > > > > > > > --- In [email protected] > <mailto:flexcoders%40yahoogroups.com>, "Tim Hoff" <TimHoff@> wrote: > > > > > > > > > > > > Thanks Ely, that makes sense now. I'll give it a try. Luckily, > both > > > > series are using the same dataProvider, so I'll have access to > the data > > > > property and probably be able to eliminate the second axis > completely. > > > > Thanks for the tips and the source to your interactive calendar > > > > component > > > > <http://www.quietlyscheming.com/blog/components/interactive- > <http://www.quietlyscheming.com/blog/components/interactive-> > calendar/> . > > > > Great Stuff! > > > > > > > > -TH > > > > > > > > --- In [email protected] > <mailto:flexcoders%40yahoogroups.com>, "Ely Greenfield" egreenfi@ > > > > wrote: > > > > > > > > > > > > > > > > > > > > > > > > > Hi Tim. yes, the AxisRenderer supports a property called > > > > > 'labelRenderer' which is very much like an item renderer. > Pass the > > > > > AxisRenderer a reference to a class (wrapped in a > classFactory, just > > > > as > > > > > with itemRenderers) that extends UIComponent, > ProgrammaticSkin, or one > > > > > of the existing Flex components, and implements the > IDataRenderer > > > > > interface. The AxisRenderer will instantiate one of these > for each > > > > > label it needs to show, and assign the label to the > labelRenderer's > > > > > 'data' property. > > > > > > > > > > I don't think there are any examples out there of how to do > this > > > > today. > > > > > > > > > > Ely. > > > > > > > > > > > > > > > p.s. You could also consider writing a custom > axisRenderer...there's a > > > > > pretty exhaustive example of how to do that in the > Interactive Bubble > > > > > Chart on my blog, http://www.quietlyscheming.com/. > <http://www.quietlyscheming.com/.> You could > > > > > theoretically create two axis renderers that stack on the > left hand > > > > side > > > > > that way, although that's a pretty big undertaking. > > > > > > > > > > > > > > > > > > > > > > > > > ________________________________ > > > > > > > > > > From: [email protected] > <mailto:flexcoders%40yahoogroups.com> > [mailto:[email protected] <mailto:flexcoders%40yahoogroups.com>] > > > > On > > > > > Behalf Of Tim Hoff > > > > > Sent: Friday, November 17, 2006 3:37 PM > > > > > To: [email protected] > <mailto:flexcoders%40yahoogroups.com> > > > > > Subject: [flexcoders] Re: Ely: How do you wordwrap a label > on a bar > > > > > chart? > > > > > > > > > > > > > > > > > > > > Hi Ely, > > > > > > > > > > I got this far with wordwrapping the label text, but my > question is > > > > > more complicated. I want to have two verticalAxisRenderers, > side-by- > > > > > side, on the same side of a ColumnChart. Or, create a single > > > > > LabelRenderer to simulate this. One of the labels needs a > shaded > > > > > background with text, while the other is just text. While > digging > > > > > into it, the docs say to use IFactory for a chart > LabelRenderer. Is > > > > > this similar to an ItemRenderer for a DataGrid? > Understandably, > > > > > there aren't any examples yet that show how to do this. > > > > > > > > > > If you have the time, thanks, > > > > > -TH > > > > > > > > > > --- In [email protected] > <mailto:flexcoders%40yahoogroups.com>, "Ely Greenfield" egreenfi@ > > > > > wrote: > > > > > > > > > > > > > > > > > > > > > > > > Hi Patrick. THe only way would be to use a labelFunction > on your > > > > axis > > > > > > and manually insert a line break yourself. > > > > > > > > > > > > Ely. > > > > > > > > > > > > > > > > > > ________________________________ > > > > > > > > > > > > From: [email protected] > <mailto:flexcoders%40yahoogroups.com> > [mailto:[email protected] <mailto:flexcoders%40yahoogroups.com>] > > > > > On > > > > > > Behalf Of dj > > > > > > Sent: Friday, November 17, 2006 2:34 PM > > > > > > To: [email protected] > <mailto:flexcoders%40yahoogroups.com> > > > > > > Subject: [flexcoders] Ely: How do you wordwrap a label on > a bar > > > > chart? > > > > > > > > > > > > > > > > > > > > > > > > A Vertical Axis why Field, my labels are being cut off, my > width > > > > > > dimension is fixed to 280 pixels, so the column needs to > wrap down? > > > > > > > > > > > > Thanks, > > > > > > Patrick > > > > > > > > > > > > > > > > > > > > > > > > >
