Hi all,
I have a bar chart styling problem which has me struggling.
I have a chart generated by a custom component (extending BarChart), and set
to 100% high and wide. This works perfectly. I also set the gutterLeft style
to 250 pixels wide, which also works perfectly.
percentHeight = 100;
percentWidth = 100;
setStyle("paddingLeft", 10);
setStyle("gutterLeft", 250);
However, my labels on the vertical axis refuse to use the full 250 pixels,
no matter what I do, so I lose about 50 pixels. Padding is set to 0
everywhere.
This is what the chart looks like, the grey areas show the full space
available to the labels:
http://lightfantastic.be/clients/screencap/barchart_screenshot.png
I use a TextArea as renderer for the labels:
var vAxisRenderer:AxisRenderer = new AxisRenderer();
vAxisRenderer.labelRenderer = new ClassFactory(LabelRenderer);
I've tried changing the width of the TextArea (using both MXML and
ActionScript) to 100%, to 250 pixels, to 240 pixels, even to 300 pixels, and
the size of the grey label area in my chart doesn't change by a single
pixel.
Is there something I'm missing here? Is gutterLeft sub-divided into smaller
areas that I can style?
Thanks!
Anton.
