Artigos com o marcador DataProvider
Gráfico Cascata (Waterfall Chart aka Flying Bricks Chart) no Flex
06/05/09
Após um longo período sem artigos, volto a ativa com um bem interessante e bastante usual para quem desenvolve sistemas de apoio a decisão e sistemas de business intelligence.
O gráfico de cascata (waterfall, também conhecido como, flying bricks chart em inglês) é uma ferramenta que facilita a demonstração de parcelas de um valor. Ele é muito utilizado na apresentação da divisão da receita e exibição do que resta de lucro em DRE, da entrada de caixa ao saldo final em demonstrativos de Fluxo de Caixa, mas pode-se utilizá-lo em qualquer situação em que seja necessário mostrar a “quebra” de um número.
Neste artigo vou demonstrar como desenvolver um gráfico de cascata em Adobe Flex estendendo um ColumnChart de forma simples obtendo como resultado o exemplo abaixo.
Adobe Flex – Como colocar gráficos em repeater
12/09/08
Estou desenvolvendo um modelo de Dashboard de Indicadores de Performace (KPI) utilizando o Adobe Flex, Asp.NET e SQL Server 2000.
Neste Dashboard eu precisava exibir vários gráficos de acordo com o perfil de cada usuário, por isso, construir um modelo fixo não seria possível. Então busquei maneiras de fazer isso utilizando o mx:Tile e o mx:Repeater.
Adobe Flex: Trocar de figura no DataGrid de acordo com o DataProvider
12/07/08
Em um projeto com Adobe Flex precisei alterar a imagem de uma determinada célula no DataGrid de acordo com o valor originado do DataProvider.
Por exemplo, se no DataProvider o campo STATUS vier preenchido com 0 deve ser exibida a imagem off.png, caso contrário, dever ser exibida a imagem on.png.
Após várias pesquisas no Google, fiz uma compilação dos casos semelhantes e cheguei ao resultado que eu desejava.
Abaixo segue o código com essa funcionalidade.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <![CDATA[ [Bindable] private var arAlternate:Array = new Array({"STATUS":0},{"STATUS":1},{"STATUS":1},{"STATUS":0},{"STATUS":1},{"STATUS":0}); ]]> </mx:Script> <mx:DataGrid id="dgAlternate" width="60" dataProvider="{arAlternate}"> <mx:columns> <mx:DataGridColumn headerText='Status'> <mx:itemRenderer> <mx:Component> <mx:Image horizontalAlign="center" width="32" height="32" source="{data.STATUS == 0 ? 'off.png' : 'on.png'}" /> </mx:Component> </mx:itemRenderer> </mx:DataGridColumn> </mx:columns> </mx:DataGrid> </mx:Application> |
O resultado final obtido foi:
