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>