[flexcoders] showLabels=true causes ColumnChart to shrink in width (dropLabels is true)

[alex]

My ColumnChart in in Vbox 
Although it has width=100% it shrinks because of the labels. It looks 
like an extra padding the size of one bar. The effect increases as i 
minimize the browser that contains the dashlet. For example full 
screen width of dashlet the effect is not noticable, decreasing the 
browser width , the dashlet will also decrease in width but in 
incorrect ratio of ColumnChart.

showLabels=false and the Chart behaves normally. 


<mx:ColumnChart
        id="ChartUpper" 
        type="stacked"
        creationCompleteEffect="showEffects" 
        showDataTips="true"  
        dataTipFunction="dataTipFunc" dataTipMode="single"
        itemClick="showSingleBarMenu(event)" 
mouseOver="showDataTips()"
        backgroundElements="{bge2}"
        annotationElements="{bge2}"
        columnWidthRatio="0.99" 
        paddingTop="-16" paddingBottom="-10" height="30"
        seriesFilters="[]"
        minWidth="0" width="100%"
        paddingRight="0"
        fontSize="14"
>

<mx:horizontalAxis  >
        <mx:CategoryAxis   
dataProvider="{model.availabilityInformationVO.categoryFields}"  />
</mx:horizontalAxis>
                
<mx:horizontalAxisRenderer   >
          <mx:AxisRenderer axisStroke="{axisStroke}" 
tickStroke="{tickStroke}" showLabels="true" showLine="false" 
labelGap="-4"   minorTickStroke="{tickStroke}" tickPlacement="none" 
canDropLabels="true"  placement="top" 
fontFamily="visitor" fontSize="14" fontWeight="normal" 
styleName="generalTextColor" minWidth="0" width="100%"  />
</mx:horizontalAxisRenderer>