[flexcoders] Entire bar disappears when zooming a BarChart

[anewgene]

Hi, group,
    When I was playing with BarChart, I noticed that the entire bar 
will disappear when its height exceeds the range of the 
corresponding axis (e.g, do a zooming). Is it a designed behavior? 
Can I keep a bar shown on the plot even when part of it exceeds the 
range?

I attached below an example modified from BarChart document to 
demostrate this issue. When click "zoomin", you will notice that the 
tallest bar will disappear)

Thanks.

lei
------------------------------------------------------

<?xml version="1.0"?>
<!-- charts/BasicBarSize.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; 
width="800" height="600">
  <mx:Script><![CDATA[
     import mx.collections.ArrayCollection;
     [Bindable]
     public var expenses:ArrayCollection = new ArrayCollection([
        {Month:"Jan", Profit:2000, Expenses:1500},
        {Month:"Feb", Profit:1000, Expenses:200},
        {Month:"Mar", Profit:1500, Expenses:500}        
     ]);
     
     private function zoomin():void {
        xaxis.maximum -= 100;
     }
     
     private function zoomout():void {
        xaxis.maximum += 100;
     }
     
  ]]></mx:Script>
  <mx:Panel title="Bar Chart" height="100%" width="100%">
     <mx:BarChart id="myChart" 
        dataProvider="{expenses}" 
        height="100%"
        width="100%"
     >
     <mx:horizontalAxis>
        <mx:LinearAxis id="xaxis" 
        />
     </mx:horizontalAxis>   

        <mx:verticalAxis>
           <mx:CategoryAxis 
                dataProvider="{expenses}" 
                categoryField="Month"
           />
        </mx:verticalAxis>
        <mx:series>
           <mx:BarSeries 
                yField="Month" 
                xField="Profit" 
                displayName="Profit"
           />
           <mx:BarSeries 
                yField="Month" 
                xField="Expenses" 
                displayName="Expenses"
           />
        </mx:series>
     </mx:BarChart>
     <mx:Button label="zoomin" click="zoomin()"/>
     <mx:Button label="zoomout" click="zoomout()"/>
     <mx:Legend dataProvider="{myChart}"/>
  </mx:Panel>
</mx:Application>