Artigo da .net Magazine 40 - Gráfico de Barras em 3D com ASP.NET

Clique aqui para ler esse artigo em PDF.

Clique aqui para ler todos os artigos desta edição

Mão na Massa

Gráfico de Barras em 3D com ASP.NET

“Uma imagem vale mais do que mil palavras”. Apesar de um pouco desgastada, essa é uma verdade incontestável. Uma simples imagem é capaz de aumentar significativamente a compreensão dos conceitos que se desejam transmitir em uma mensagem. O poder de uma mensagem visual não pode ser subestimado, apesar de, em decorrência dos interesses do comunicador, uma imagem também pode ser utilizada para distorcer fatos, criando uma verdadeira “ilusão de ótica”.

Quando analisamos séries de valores qualitativos ou quantitativos, as disciplinas estatísticas ensinam que os gráficos, com seus formatos variados, são os melhores instrumentos de representação analítica. Gráficos de barras verticais, barras horizontais, de pizza, setorial e de setas são apenas alguns dos muitos exemplos de formatos, com aplicabilidade quase que específica.

Os gráficos de pizza, por exemplo, são mais efetivos na representação de distribuições, enquanto que os gráficos de barras são mais utilizados para representar análises comparativas de valores relacionados a séries históricas ou temporais.

Muitos sistemas de computador precisam (ou deveriam) fazer uso de representações gráficas para uma melhor apresentação de dados analíticos. Alguns gráficos são estáticos ou possuem uma dinâmica de atualização muito pequena, o que permite a composição do gráfico em ferramentas off-line e a respectiva publicação do gráfico através de um arquivo de imagem não dinâmico.

Por outro lado, muitas outras aplicações exigem que os gráficos sejam compostos a partir de valores extraídos de consultas de bancos de dados, combinadas com dados selecionados pelo usuário, tudo em tempo de execução. Nesse caso, precisamos de uma ferramenta que permita a composição dinâmica do gráfico.

Poderíamos relacionar milhares de exemplos de aplicações com esse tipo de requisito. A Tabela 1 lista algumas das aplicações mais comuns de gráficos dinâmicos, relacionando-os a uma sugestão de tipo de gráfico mais adequado.

Tabela 1. Exemplo de aplicabilidade de gráficos estatísticos

Nesse artigo discutiremos a criação de um componente Web para a montagem dinâmica de um gráfico de barras verticais em três dimensões, visualmente similar aos gráficos gerados pelos conhecidos softwares de planilha eletrônica do mercado. A Figura 1 apresenta um exemplo de gráfico de barras criado pelo componente que construiremos.

Figura 1. Modelo de gráfico de barras verticais

Esse componente como sempre, deverá ser flexível o suficiente para garantir a reutilização em outros projetos que requeiram tal funcionalidade. O componente receberá os dados necessários para a composição do gráfico e retornará a imagem gerada a partir das especificações recebidas.

Para garantir o maior grau de reutilização possível, o componente receberá não somente as séries de valores a serem graficamente representadas, mas também muitos outros atributos (parâmetros) referentes à formatação e apresentação do gráfico.

A Tabela 2 apresenta a relação dos parâmetros de configuração do gráfico, agrupados por tipo do parâmetro, com uma breve descrição de cada parâmetro.