带有 Web 服务的 Flex 融合图表

Question

我有一个 Flex 项目，我想在其中调用 Web 服务并将值从它传递到 xml 文件以更新融合图表 xml 我的代码是

<fx:Script>
    <![CDATA[
        import mx.controls.Alert;
        import mx.events.FlexEvent;
        import mx.rpc.events.FaultEvent;
        import mx.rpc.events.ResultEvent;
        public var PUENumber:String;
        protected var xmlLoader:URLLoader;
        [Bindable]
        public var avgPUEXml:XML = new XML;

        protected function init():void
        {
            xmlLoader = new URLLoader();
            xmlLoader.addEventListener(Event.COMPLETE,setDataXML)
            xmlLoader.load(new URLRequest("data/AvgPUE.xml")); //Loading xml file for the chart from the folder
        };

        protected function setDataXML(event:Event):void
        {
            avgPUEXml = XML(event.target.data);
            avgPUEXml.value = PUENumber; //updating chart xml value
            fw.FCDataXML = avgPUEXml.toString();
            fw.FCRender(); 
        };

         protected function getDC_POWERdataResult_resultHandler(event:ResultEvent):void
        {
            PUENumber = getDC_POWERdataResult.lastResult; //getting value to update in xml file
            init();
        } 
         protected function bordercontainer1_creationCompleteHandler(event:FlexEvent):void
        {
            getDC_POWERdataResult.token = mGEMWS.getDCPUE("4","715"); //user details to get data from the method
        } 

    ]]>
</fx:Script>

<fx:Declarations>
    <s:CallResponder id="getDC_POWERdataResult" result="getDC_POWERdataResult_resultHandler(event)"/>
    <mgemws:MGEMWS id="mGEMWS" showBusyCursor="true"
                   fault="Alert.show(event.fault.faultString + '\n' + event.fault.faultDetail)"/>
</fx:Declarations>

    <ns1:FusionWidgets id="fw" FCChartType="Bulb" FCDataXML="avgPUEXml" />

在声明中我正在调用网络服务。并在创建完成时发送用户 ID 详细信息以从 Web 服务获取数据。现在我到底需要在哪里调用 init 函数，以便它使用来自 Web 服务的值更新 xml 文件并显示融合小部件

Answer 1

您不需要“setDataXML”处理程序方法。此外，您在“init”方法中不需要任何“URLLoader”或“URLRequest”。 FusionCharts支持XML数据以及XML路径。因此，删除“setDataXML”并删除“init”方法中的所有代码，然后仅添加 fw.addEventListener(FCEvent.FCRenderEvent, wgdtRendHandler);
并添加下面的处理程序方法 -

protected function wgdtRendHandler(e:FCEvent):void{
     e.target.FCSetDataURL='data/AvgPUE.xml';
     e.target.removeEventHandler(FCEvent.FCRenderEvent, wgdRendHandler);
}

我认为这应该适合你。如果您仍然没有获得图表中更新的数据，请检查“init”方法中的 XML 文件在该时间点是否已正确更新。

Answer 2

当图表完成加载并准备好数据时，您可以调用 init 函数。

您可以通过监听仪表的 FCLoadEvent 或 FCRenderEvent 来执行此操作。

请尝试使用：

<ns1:FusionWidgets id="fw" FCChartType="Bulb" FCDataXML="avgPUEXml" FCRenderEvent="init()"/>

或

<ns1:FusionWidgets id="fw" FCChartType="Bulb" FCDataXML="avgPUEXml" FCLoadEvent="init()"/>