Not sure what you mean.  The cart is in the same location on the view as it is on the view in the tab (same size as well).  I selected to have the chart viewable in all states, too.

Here is my code:

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
  xmlns:s="library://ns.adobe.com/flex/spark"
  xmlns:mx="library://ns.adobe.com/flex/mx"
  creationComplete="application1_creationCompleteHandler(event)"
  title="Demographics" xmlns:demographic="services.demographic.*" xmlns:demographicservice="services.demographicservice.*">
<fx:Script>
  <![CDATA[
   import mx.collections.ArrayCollection;
   import mx.events.FlexEvent;
   import mx.rpc.events.ResultEvent;
   import mx.rpc.xml.SimpleXMLDecoder;
   import mx.utils.ArrayUtil;
   [Bindable]
   private var demographicBreakdown:ArrayCollection = new ArrayCollection;
  
  
  
   protected function application1_creationCompleteHandler(event:FlexEvent):void
   {
    // TODO Auto-generated method stub
    ResponderDemographicBreakdown.token = demographicService.GetDemographic(1);

   
   }
  
   protected function ResponderDemographicBreakdown_resultHandler(event:ResultEvent):void
   {
    var xml:XMLDocument = new XMLDocument(event.message.body.toString());
    var decoder:SimpleXMLDecoder = new SimpleXMLDecoder();
    var data:Object = decoder.decodeXML(xml);
    var array:Array = ArrayUtil.toArray(data.ArrayOfDemographic.Demographic);
    demographicBreakdown = new ArrayCollection(array);
    textArea1.text = demographicBreakdown[0].DemographicName.toString() + " " + demographicBreakdown[2].DemographicName.toString();
    label1.text=demographicBreakdown[0].DemographicName.toString();
   

   }
  

  
  ]]>
</fx:Script>

<s:states>
  <s:State name="portrait"/>
  <s:State name="landscape"/>
  <s:State name="landscapeSmall"/>
  <s:State name="landscapeMedium"/>
  <s:State name="landscapeLarge"/>
</s:states>

<fx:Declarations>
  <!-- Place non-visual elements (e.g., services, value objects) here -->
  <demographicservice:DemographicService id="demographicService"/>
  <s:CallResponder id="ResponderDemographicBreakdown" result="ResponderDemographicBreakdown_resultHandler(event)"/>
</fx:Declarations>

<s:navigationContent>
  <s:Button icon="@Embed('assets/back.png')" click="navigator.popView();" height="55"/>
</s:navigationContent>

<mx:PieChart id="piechart1" x="10" y="37" dataProvider="{demographicBreakdown}"
     showDataTips="true"
     x.portrait="9" y.portrait="6" width.portrait="323" height.portrait="329">
  <mx:series>
   <mx:PieSeries displayName="Demographic Breakdown" field="DemographicName" nameField="DemographicCount"/>
  </mx:series>
</mx:PieChart>
<mx:Legend x="11" y="444" dataProvider="{piechart1}"
      x.portrait="10" y.portrait="338"/>
<s:TextArea id="textArea1" includeIn="portrait" x="110" y="464" height="331"/>
<s:Label id="label1" includeIn="portrait" x="497" y="400" text="Label"/>

</s:View>

Thanks.  I added p.name to tell me which display obkect was being referenced.  Here is the output:

PieChart89 323 329

Group88 768 916

SkinnableContainerSkin87 768 916

DemographicsView85 768 916

Group27 768 916

ViewNavigatorSkin26 768 973

ViewNavigator4 768 973

Group11 768 973

TabbedViewNavigatorSkin10 768 1024

TabbedViewNavigator9 768 1024

TabbedViewNavigatorApplicationSkin8 768 1024

MobileCommunityDashboard2 768 1024

root1 768 1024

null 788 1044

Not sure what this is telling me, other than I think the PieChart should be displayed.

Any ideas?  I am confused as to why this code works in a single view application but fails to load the chart (and only the chart - the Text Area, Label and Button all render).

Thanks so much for your assistance.

Nevermind.  This was a simple user error.  I had the chart values and display text reversed so it was trying to bind text to the counts for display.  Switched it and everything works fine.

Thanks for your help!