Flex charts increase label size for category axis

Question

I am using a column chart which has a horizontal axis for displaying dates.

Problem is when there are large data points then it shrinks the size of the label for the x-axis and i don't want this to happen.

I am displaying dates in batches but still the label don't occupy the available space. The size of the label shrinks and the text is hardly readable.

Any suggestion on how i could increase the label size irrespective of the number of ticks.

Here is a snippet of my code.

Thank You.

  <mx:ColumnChart id = "areaChart"
                  height = "100%" 
                  width = "100%" 
                  seriesFilters="[]"                    
                  showDataTips="false"
                  type="overlaid"
                  columnWidthRatio="0.40"
                  mouseMove="showData(event)"
                  mouseSensitivity="600"
                  change="{callLater(showDefaultData)}"> 

       <mx:horizontalAxis>
            <mx:CategoryAxis categoryField = "date"
                             id = "hax"         
                             ticksBetweenLabels="true"
                             labelFunction="chartsLabel"/>
        </mx:horizontalAxis>

        <mx:horizontalAxisRenderers>
            <mx:AxisRenderer id="har" 
                             axis="{hax}"
                             textAlign="left"
                             tickPlacement="none"   
                             placement="bottom"                                                  
                             axisStroke="{Stroke}"/>


        </mx:horizontalAxisRenderers>

ethrbunny ethrbunny · Accepted Answer · 2013-01-11T13:01:55

Define a style for the AxisRenderer and use it in your definition:

Style:

<mx:Style>
    .axisStyle {
        fontSize:10;
        color:blue;
    }
</mx:Style>

Usage:

    <mx:horizontalAxisRenderers>
       <mx:AxisRenderer axis="{axisName}" styleName="axisStyle"/>
    </mx:horizontalAxisRenderers>

    <mx:horizontalAxis>
       <mx:CategoryAxis id="axisName" dataProvider="{dataProvider}" 
            categoryField="someCategory"/>
    </mx:horizontalAxis>

Flex charts increase label size for category axis

3 Answers