[flexdev] LineChart Dynamic Series

[Luciano Pereira da Silva]

Olá pessoal,

 

Sou programador java e estou começando a dar meus primeiros passos com o
flex. Estou tentando fazer um gráfico de linhas (código abaixo), porém os
dados do gráfico serão dinâmicos e deverá ser uma nova serie para cada campo
“client” da collection “stockDataAC”. Alguém poderia me dizer se é possível
fazer isso ?

 

<?xml version="1.0"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml";>

    <mx:Script>

        <![CDATA[

 

            import mx.collections.ArrayCollection;

 

            [Bindable] 

            public var stockDataAC:ArrayCollection = new ArrayCollection( [

                {date: "2005, 7, 27", cliet:"Client1", close: 41.71},

                {date: "2005, 7, 28", cliet:"Client1", close: 42.21},

                {date: "2005, 7, 29", cliet:"Client1", close: 42.11},

                {date: "2005, 8, 1", cliet:"Client1", close: 42.71},

                {date: "2005, 8, 2", cliet:"Client1", close: 42.99},

                {date: "2005, 8, 3", cliet:"Client1", close: 44},

                {date: "2005, 7, 27", cliet:"Client2", close: 35.71},

                {date: "2005, 7, 28", cliet:"Client2", close: 30.21},

                {date: "2005, 7, 29", cliet:"Client2", close: 20.11},

                {date: "2005, 8, 1", cliet:"Client2", close: 17.71},

                {date: "2005, 8, 2", cliet:"Client2", close: 35.99},

                {date: "2005, 8, 3", cliet:"Client2", close: 40},

                 ]);

    

            public function myParseFunction(s:String):Date { 

                var a:Array = s.split(",");

                var newDate:Date = new Date(a[0],a[1],a[2]);

                return newDate;

            }

        ]]>

    </mx:Script>

 

    <mx:Panel title="DateTimeAxis Example" height="100%" width="100%">

        <mx:LineChart id="mychart" height="100%" width="100%"

            paddingRight="5" paddingLeft="5" 

            showDataTips="true" dataProvider="{stockDataAC}">

            

            <mx:horizontalAxis>

                <mx:DateTimeAxis dataUnits="days"
parseFunction="myParseFunction" title="Date/Time" />

            </mx:horizontalAxis>

 

            <mx:verticalAxis>

                <mx:LinearAxis baseAtZero="false" title="Page Load Time
(ms)"/>

            </mx:verticalAxis>

 

            <mx:series>

                <mx:LineSeries yField="close" xField="date"/>

            </mx:series>

        </mx:LineChart>

    </mx:Panel>

</mx:Application>

 

 

Grato,

 

Luciano P Silva

 


--~--~---------~--~----~------------~-------~--~----~
Você recebeu esta mensagem porque está inscrito na lista "flexdev"
Para enviar uma mensagem, envie um e-mail para flexdev@googlegroups.com
Para sair da lista, envie um email em branco para [EMAIL PROTECTED]
Mais opções estão disponíveis em http://groups.google.com/group/flexdev
-~----------~----~----~----~------~----~------~--~---