Hi, I want to display a Linechart from Excel file(i.e CSV data),I read the csv data using FileReference ,But how to display data in linechart?

Question

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"   >
<mx:Script>
      <![CDATA[
            import mx.controls.*;
            import mx.collections.*;
            import flash.events.*;
            import mx.collections.ArrayCollection
            [Bindable]
            private var records:Array=new Array();
            [Bindable]
            private var datarecords:ArrayCollection=new ArrayCollection();
            private var xmldata:String="<?xml version=\"1.0\"?>\r\n<dataset>\r\n";
            private var fileref:FileReference=new FileReference();;
            private function readExcel():void
                  var request:URLRequest=new URLRequest();
                  request.url="data/chart.csv";
                  var loader:URLLoader=new URLLoader();
                  loader.dataFormat=URLLoaderDataFormat.TEXT;
                  loader.addEventListener(Event.COMPLETE,eventComplete);
                  loader.addEventListener(IOErrorEvent.IO_ERROR,onIOError);
                  loader.load(request);
            private function eventComplete(event:Event):void
                  var loader:URLLoader=URLLoader(event.target);
                  var record:Array=new Array();
                  var fields:Array=new Array();
                  var obj:Object;
                  var str:String=new String();
                  loader.dataFormat=URLLoaderDataFormat.TEXT;
                  var result:String=new String(loader.data);
                  record=result.split("\r\n");
                  for(var i:int=1;i<record.length;i++)
                        obj=new Object();
                        fields=record[i].split(",");
                        /* obj.col1="Timestamp: "+fields[0];
                        obj.col2="EndDevice-PaLnaMode: "+fields[1];
                        obj.col3="Wap-PaLnaMode: "+fields[2];
                        obj.col4="DownstreamLqi: "+fields[3];
                        obj.col5="UpstreamLqi: "+fields[4]; */
                        obj.col1="<Timestamp>"+fields[0]+"</Timestamp>";
                        xmldata+=obj.col1+"\r\n";
                        obj.col2="<EndDevice-PaLnaMode>"+fields[1]+"</EndDevice-PaLnaMode>";
                        xmldata+=obj.col2+"\r\n";;
                        obj.col3="<Wap-PaLnaMode>"+fields[2]+"</Wap-PaLnaMode>";
                        xmldata+=obj.col3+"\r\n";
                        obj.col4="<DownstreamLqi>"+fields[3]+"</DownstreamLqi>";
                        xmldata+=obj.col4+"\r\n";;
                        obj.col5="<UpstreamLqi>"+fields[4]+"</UpstreamLqi>";
                        records.push(obj);
                        datarecords.addItem(obj);
                  xmldata+="</dataset>";
                  datagrid.dataProvider=records;
                  linechart1.dataProvider=records;
                  private  function onIOError(event:Event):void
                        Alert.show("I/O error"+event.type);
                  private function saveXML():void
                        fileref.save(xmldata,"xmldata.xml");
                  //fileref.save(xmldata,"NewFileName.txt");
                  private function dispData():void
                        fileContents_txt.text=xmldata;
      ]]>
</mx:Script>     
      <mx:DataGrid id="datagrid" x="19" y="76" width="528" height="242">
            <mx:columns>
                  <mx:DataGridColumn headerText="Timestamp" dataField="col1"/>
                  <mx:DataGridColumn headerText="DevicePaLnaMode" dataField="col2"/>
                  <mx:DataGridColumn headerText="Wap-PaLnaMode" dataField="col3"/>
                  <mx:DataGridColumn headerText="DownstreamLqi" dataField="col4"/>
                  <mx:DataGridColumn headerText="UpstreamLqi" dataField="col5"/>
            </mx:columns>
      </mx:DataGrid>
      <mx:Button x="126" y="32" label="read" click="readExcel()"/>
      <mx:Button x="240" y="32" label="display data" click="dispData();"/>
      <mx:Text id="fileContents_txt" x="10" y="326"/>
      <!-- Define custom Strokes. -->
    <mx:Stroke id = "s1" color="blue" weight="2"/>
      <mx:LineChart  id="linechart1"   height="286" width="385"
            paddingLeft="5" paddingRight="5"
            showDataTips="true" dataProvider="{datarecords}" x="566" y="32">
          <mx:horizontalAxis>
                <mx:CategoryAxis categoryField="Timestamp"/>
            </mx:horizontalAxis>
            <mx:series>
                <mx:LineSeries yField="Timestamp"  xField="UpstreamLqi"  interpolateValues="true" form="curve" displayName="Timestamp" lineStroke="{s1}"/>
            </mx:series>
      </mx:LineChart>
      <mx:Button x="406" y="32" label="SaveXML" click="saveXML()"/>
</mx:Application>

Answer 1

Um, wrong forum.
I think you want to ask this question in the Flex forum.