Editing Vertical/horizontal Axis labels of Flex Charts Using labelrenderer

There are many charting components are provided by Adobe with Flex Builder professional to develop rich Dashboard like applications.
There are many provisions are given with those components to format/change the way of displaying the data in charts.
There are also many direct properties are given with the charting components to made changes to the developers wish.
When looking with the Axis labels the developers can change the angle in which the labels to be display by using the property

labelrotation="angle"

If also the same developer want to change the font-size,font-face,apply style then that can be achieved by creating simple labelrenderer which extends label.
here is the example in this im displaying one coloumn chart and i want to display the horizontal axis in Red in color and in font-size 13 pixels.





for this i have created one Renderer in Actionscript named InnerLabelRenderer which extends label
in that class by setting styles like
this.setStyle("color","red");
this.setStyle("fontSize",13);

We can change the style of Axis labels


Download the source


Actionscript Code:

public class InnerlabelRenderer extends Label
{
private var _data:AxisLabel;

override public function get data():Object
{
return _data;
}

override public function set data(value:Object):void
{
if(value != null)
{
this.text ="";
this._data = value as AxisLabel;
this.setStyle("color","red");
this.setStyle("fontSize",15);

}
}

}

MXML Code:

< id="column" dataprovider="{...}">
<>
< categoryfield="...">
< /mx:horizontalAxis>
<>
< labelrenderer="InnerLabelRenderer">
< /mx:horizontalAxisRenderer>
<>
...
< /mx:series>
< /mx:ColumnChart>