Simuladores de dados em gráficos para dashboards

É bom quando agente pega aquila proposta de negócio e logo de cara vem a simulação de dados para representar na tela do usuário. Nesse mundo de desenvolvimento costuma-se chamar de prototipar para agradar.

Não é diferente quando você parte para a esfera do Flex, geralmente agente tem recebido muitos pedidos de protótipos de nossos atuais clientes e novos clientes. Porém para fazer simulações e criar dashboards( amostragem de dados), acaba se tornando corriqueiro. Gostaria de compartilhar com vocês um dos nossos “exemplos”, se é que podemos chamar de como prototipar performance de vendas ou análise de vendas em tempo real em nossa biblioteca de prototipação.

O exemplo abaixo usa o gráfico do Flex Data Visualization Framework jutamente com a classe core do Flash Player timer.

Simples e o resultado impressiona nossos clientes na maior parte das vezes.

Gráficos exemplo

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
< ?xml version="1.0" encoding="utf-8"?>
<mx :Application creationComplete="iniciar()" xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
 
		</mx><mx :Script>
			< ![CDATA[
				import mx.collections.ArrayCollection;
				import mx.effects.easing.Back;
						import flash.utils.Timer;
						import flash.events.TimerEvent;
 
						public var tempo:Timer;
						[Bindable] public var performanceSERVER:ArrayCollection = new ArrayCollection();
						public var objper:Object;
							public function iniciar():void
							{
										tempo = new Timer(500,999);
										tempo.start();
										tempo.addEventListener(TimerEvent.TIMER,executar);
							}
							public function executar(event:TimerEvent):void
							{
								objper = new Object();
								objper.picos =  Math.random()*200 * Math.PI/1.4;
								performanceSERVER.addItem(objper);
							}
			]]>
		</mx>
		<mx :SeriesInterpolate easingFunction="Back.easeIn" id="efeitoGrape" duration="760"/>
	<mx :AreaChart dataProvider="{performanceSERVER}" x="60.5" y="24" id="graficoServidor" width="556" height="313">
		</mx><mx :series>
			<mx :AreaSeries cacheAsBitmap="true" showDataEffect="efeitoGrape" displayName="Performance" yField="picos"/>
		</mx>
 
	<mx :Legend dataProvider="{graficoServidor}" x="37.5" y="400"/>

NOTA:
Se for usar a propriedade form dentro do AreaSeries o Flex Data Visualization framework tem um bug e não consegue redenizar. Já foi repotado para Adobe isso, e a correção sairá no próximo update do Flex 3.0.1.