Flex中利用mx:HTTPService标签读取XML资料生成图表

Flex中利用mx:HTTPService标签读取XML文件生成图表

1、Flex

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top" backgroundColor="white" creationComplete="tempXML.send();">

<!-- Flex中利用mx:HTTPService标签读取XML文件生成图表 -->

    <mx:HTTPService id="tempXML" url="E:\cuePoints.xml" resultFormat="e4x" />
    <mx:XMLListCollection id="cuePointXMLList" source="{tempXML.lastResult.CuePoint}" />

<!--ActionScript-->
    <mx:Script>
        <![CDATA[

            private function numericSortCompareFunction(objA:Object, objB:Object):int {
                var itemA:Number = parseInt(objA.Time.text()) as Number;
                var itemB:Number = parseInt(objB.Time.text()) as Number;

                if (itemA > itemB) {
                    return 1;
                } else if (itemA < itemB) {
                    return -1;
                } else {
                    return 0;
                }
            }
        ]]>
    </mx:Script>
   
    <!--Panel-->
<mx:Panel title="fifi" height="100%" width="100%" layout="horizontal" fontSize="12">

   <!--LineChart(showDataTips:自动提示tip)-->
   <mx:LineChart id="myChart" dataProvider="{cuePointXMLList}" showDataTips="true">
  
    <!--categoryField：指定包含标签文本的数据提供程序的字段-->
    <mx:horizontalAxis>
     <mx:CategoryAxis dataProvider="{cuePointXMLList}" categoryField="Name"/>
    </mx:horizontalAxis>
   
    <!--yField:纵坐标数据节点-->
    <mx:series>
     <mx:LineSeries yField="Time" displayName="Time"/>
     <mx:LineSeries yField="Type" displayName="Type"/>  
    </mx:series>
   
   </mx:LineChart>
  
   <!--Legend:一个图形标记和一个文本标签-->
   <mx:Legend dataProvider="{myChart}"/>
  
</mx:Panel>    

</mx:Application>

2、XML文件：cuePoints.xml

<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<FLVCoreCuePoints version="1">

    <CuePoint>
        <Time>0</Time>
        <Type>event</Type>
        <Name>slide1</Name>
        <Parameters>
            <Parameter>
                <Name>id</Name>
                <Value>value</Value>
            </Parameter>
        </Parameters>
    </CuePoint>

    <CuePoint>
        <Time>5000</Time>
        <Type>event</Type>
        <Name>slide2</Name>
        <Parameters>
            <Parameter>
                <Name>param1</Name>
                <Value>value1</Value>
            </Parameter>
            <Parameter>
                <Name>param2</Name>
                <Value>value2</Value>
            </Parameter>
        </Parameters>
    </CuePoint>

    <CuePoint>
        <Time>20000</Time>
        <Type>event</Type>
        <Name>slide3</Name>
    </CuePoint>

</FLVCoreCuePoints>

http://hi.baidu.com/fifi521/blog/item/4ff438f535acda2cbd31095d.html