Flex barChart和XML数据

Question

<Projectlist> 
    <Project> 
    <ProjectName>Alcoswitch - ToggleSwitches 
    </ProjectName> 
    <ProjectStatusname>Planning</ProjectStatusname> 
    </Project> 
    <Project> 
    <ProjectName> 
    Transverse Wedge</ProjectName> 
    <ProjectStatusname>Canceled</ProjectStatusname> 
    </Project> 
    <Project> 
    <ProjectName>High Speed Pluggable I/O</ProjectName> 
    <ProjectStatusname>In-Progress</ProjectStatusname> 
    </Project> 
    <Project> 
    <ProjectName>"High Speed Pluggable I/O - Product Breakouts:</ProjectName> 
    <ProjectStatusname>In-Progress</ProjectStatusname> 
    </Project> 
    <Project> 
    <ProjectName>Circular Plastic Connector (CPC)</ProjectName> 
    <ProjectStatusname>In-Progress</ProjectStatusname> 
    </Project> 
    </Projectlist> 

这是我收到的XML数据，如何在条形图中显示此内容。

<mx:BarChart id="barChart" 
      showDataTips="true" dataProvider="{ProjectStateInfo}" 

      width="100%" 
      height="100%"> 
      <mx:horizontalAxis> 
       <mx:CategoryAxis categoryField="ProjectStatusname"/> 
      </mx:horizontalAxis> 
     <mx:verticalAxis> 
      <mx:CategoryAxis categoryField="ProjectName"/> 
     </mx:verticalAxis> 
     <mx:series> 
      <mx:BarSeries id="barSeries" visible="true" 
        yField="ProjectName" 
        xField="ProjectStatusname" 
        displayName="ProjectStatusname" 
        /> 


     </mx:series> 
    </mx:BarChart> 

我的X轴显示正在进行的多个值，但我只需要一个。是否有可能使用BarChart表示这种关系。任何其他Flex图表都是可以推荐的。

Answer 1

您需要构建包含所有项目状态名称的数组（或其他数据结构），并将其用于横轴。你需要消除重复。

var array:Array = ["Planning","Canceled","In-Progress"]; 

<mx:BarChart id="barChart" 
     showDataTips="true" dataProvider="{xml.Project}" 
     width="100%" 
     height="100%"> 
     <mx:horizontalAxis> 
      <mx:CategoryAxis dataProvider="{array}"/> 
     </mx:horizontalAxis> 
     <mx:verticalAxis> 
      <mx:CategoryAxis dataProvider="{xml.Project}" categoryField="ProjectName"/> 
     </mx:verticalAxis> 
     <mx:series> 
      <mx:BarSeries id="barSeries" visible="true" 
       yField="ProjectName" 
       xField="ProjectStatusname" 
       displayName="ProjectStatusname" 
       /> 
     </mx:series>   
</mx:BarChart>