[flexcoders] Dissolving between two charts

[fb6668]

Hi,

I have a line chart and a stacked column chart laid one over the other
in a canvas. I would like, when a button is pressed, to dissolve from
on to the other.

I figured setting the alpha of one chart to 0 and then doing a state
transition with an <mx:Dissolve ../> would do the trick, and it works
to a large extent, but I have a real problem with the axes.

Setting the alpha property of the chart hides *only* the line or bars,
not the axes. Exactly the same setting the alpha of the chart's
container; only the coloured section of the chart is hidden. I set the
alpha on the AxisRenderers to 0, too, but this seemed to do nothing!

So the code below still shows the axes, which means that both chart
axes are visible in every state.

<mx:Canvas width="70%" height="100%" id="cvsColumnChart" alpha="0.0">
<mx:ColumnChart alpha="0.0"
        id="columnChart"  
        dataProvider="{dpStackedLineChart}" 
        creationComplete="changeSeries()"
        width="100%" height="100%"
        showDataTips="true" 
        dataTipFunction="renderColumnTips" 
        type="stacked">
        
        <mx:verticalAxisRenderers>
                <mx:AxisRenderer id="colChartVerticalAxis" canDropLabels="true"
axis="{va1}" alpha="0.0"/>
        </mx:verticalAxisRenderers>
        <mx:horizontalAxisRenderers>
                <mx:AxisRenderer id="colChartHorizontalAxis" 
canDropLabels="true"
axis="{catAxis1}" alpha="0.0"/>
        </mx:horizontalAxisRenderers>
        <mx:verticalAxis>
        <mx:LinearAxis id="va1"/>
    </mx:verticalAxis>
        <mx:horizontalAxis>
                <mx:CategoryAxis labelFunction="renderDate" id="catAxis1"/>
        </mx:horizontalAxis>
</mx:ColumnChart>
                        
</mx:Canvas>

Any ideas how I can achieve a nice dissolve from one chart to another,
including the axes?

Thanks!