If I create a Stacked AreaChart with a horizontal axis of type
'DateTime', nothing is rendered. However, if I do not specify a
horizontal axis, all is well. Also, if I specify the AreaChart with type
'overlaid' AND use the horizontal DateTime Axis, all is well...
Has anyone else run into this before?

Thanks in advance...

here's a link to a swf (you can view source on it):
example
<http://www.munkyboy.com/flex_test/brokenStackedAreaWithDateAxis.swf>

and here's the source inline:
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";
viewSourceURL="srcview/index.html">
     <mx:XML id="testData">
         <data>
             <series id="1">
                 <dataPoint epoch="1136505600000" yValue="20"/>
                 <dataPoint epoch="1136592000000" yValue="23"/>
                 <dataPoint epoch="1136678400000" yValue="22"/>
                 <dataPoint epoch="1136764800000" yValue="21"/>
             </series>
             <series id="2">
                 <dataPoint epoch="1136505600000" yValue="12"/>
                 <dataPoint epoch="1136592000000" yValue="10"/>
                 <dataPoint epoch="1136678400000" yValue="16"/>
                 <dataPoint epoch="1136764800000" yValue="14"/>
             </series>
         </data>
     </mx:XML>
     <mx:Panel title="Stacked Area Chart with horizontal DateTime Axis"
width="100%" height="100%">
         <mx:AreaChart id="AreaChart1" showDataTips="true" width="100%"
height="100%" type="stacked">
             <mx:horizontalAxis>
                 <mx:DateTimeAxis/>
             </mx:horizontalAxis>
             <mx:series>
                 <mx:AreaSeries displayName="Series 1"
dataProvider="{testData.series.(@id == 1).dataPoint}" yField="@yValue"
xField="@epoch"/>
                 <mx:AreaSeries displayName="Series 2"
dataProvider="{testData.series.(@id == 2).dataPoint}" yField="@yValue"
xField="@epoch"/>
             </mx:series>
         </mx:AreaChart>
     </mx:Panel>
     <mx:Panel title="Stacked Area Chart with no horizontal Axis
Specification - same as first example, except I removed the
horizontalAxis specification" width="100%" height="100%">
         <mx:AreaChart id="AreaChart2" showDataTips="true" width="100%"
height="100%" type="stacked">
             <mx:series>
                 <mx:AreaSeries displayName="Series 1"
dataProvider="{testData.series.(@id == 1).dataPoint}" yField="@yValue"
xField="@epoch"/>
                 <mx:AreaSeries displayName="Series 2"
dataProvider="{testData.series.(@id == 2).dataPoint}" yField="@yValue"
xField="@epoch"/>
             </mx:series>
         </mx:AreaChart>
     </mx:Panel>
     <mx:Panel title="Overlaid Area Chart with horizontal DateTime Axis -
same as the first example, except I changed AreaChart.type from
'stacked' to 'overlaid'. notice that the dates are properly parsed"
width="100%" height="100%">
         <mx:AreaChart id="AreaChart3" showDataTips="true" width="100%"
height="100%" type="overlaid">
             <mx:horizontalAxis>
                 <mx:DateTimeAxis/>
             </mx:horizontalAxis>
             <mx:series>
                 <mx:AreaSeries displayName="Series 1"
dataProvider="{testData.series.(@id == 1).dataPoint}" yField="@yValue"
xField="@epoch"/>
                 <mx:AreaSeries displayName="Series 2"
dataProvider="{testData.series.(@id == 2).dataPoint}" yField="@yValue"
xField="@epoch"/>
             </mx:series>
         </mx:AreaChart>
     </mx:Panel>
</mx:Application>


Reply via email to