Desenvolvimento - Visual Basic .NET

ASP.NET - Gráficos Barra e Pizza (System.Drawing)

Agora no .NET dispomos de um conjunto de classes System.Drawing que nos possibilita construir todo tipo de apresentação gráfica que for desejado.

por Ramon Durães



Apresentar um relatório utilizando gráficos realmente é indiscutível, principalmente para os gerentes que não tem muito tempo para visualizarem muitos dados. Agora no .NET dispomos de um conjunto de classes System.Drawing que nos possibilita construir todo tipo de apresentação gráfica que for desejado. A grande questão é que o .NET oferece a ferramenta mas não o resultado pronto que é o gráfico. Neste artigo vamos gerar nossos gráficos totalmente utilizando código e para isso estarei utilizando uma classe já pronta (PieChart,Chart,BarGraph,ChartItem) e disponibilizada por meio do pacote StartKit (http://www.asp.net) oferecido gratuitamente com código fonte pela Microsoft. Confira alguns modelos já implementados na Figura 1, Figura 2 e Figura 3.


Figura 01 - Gráfico Barras


Figura 02 - Gráfico Pizza


Figura 03 - Gráfico Barras Iniciando o Projeto

Inicie um novo projeto web e chame de aspnetgraficos, depois crie uma pasta chamada de Class conforme Figura 4, será nessa pasta que vamos adicionar nossas classes.


Figura 04 - Adicionando nova pasta ao projeto


Figura 05 - Definindo nome para pasta

Conforme falei no inicio, esse projeto vai se basear em classes já prontas oferecidas no pacote do StartKit. Para adicionar a primeira classe clique com botão direito na pasta Class escolha ADD>New item, escolha um item do tipo Class e dê o nome de Chart.VB conforme Figura 06, repita os passos adicionando novos arquivos e dando os seguintes nomes (PieChart.vb,BarGraph.vb,ChartItem.vb).


Figura 06 - Adicionando arquivo de Classe

Concluída essa etapa você já deve ter os seguintes 04(Quatro) arquivos na pasta Class conforme Figura 07.


Figura 07 - 04 (Quatro) arquivos adicionados.Agora copie o código apresentado nas Listagens de 1 a 4 para respectivo arquivo de classe substituindo todo código existente no mesmo.

Listagem 1 - Código para Classe Chart.vb

Listagem 2 - Código para Classe Chartitem.vb

Listagem 3 - Código para Classe BarGraph.vb Listagem 4 - Código para Classe PieChart.vb Até esse ponto você já definiu as classes que vão interagir com o System.Draw para gerar os Gráficos de Barra e Pizza. Retorne agora ao Solution Explorer e adicione uma nova pagina ao projeto chamada de gerargrafico.aspx depois adicione o código da Listagem 5. Está pagina vai receber os parâmetros para definir o valores que serão adicionados ao grafico e o tipo do mesmo.

Listagem 5 - Código para Classe GerarGrafico.aspx.vb

Agora vamos adicionar uma nova pagina que será utilizada para nossos testes, adicione o arquivo chamado de default.aspx, depois adicione um dropdownlist (ID=dpTipo,AutoPostBack=True), adicione um Image (ID=imgGrafico) conforme Figura 08. Depois adicione o código da Listagem 06.

Listagem 6 - Código para Classe default.aspx.vb

Agora já temos uma pagina de teste. Basta selecionar o tipo do gráfico desejado que o combo vai passar os parâmetros para a pagina gerargrafico.aspx que retorna a imagem do gráfico.

Finalizando

Adicionar gráfico hoje em uma aplicação web só vem a engrandecer o produto. O .NET oferece todas classes basicas para você realizar a implementação do gráfico que imaginar. Porém para esse caso eu recomendo a utilização de componentes prontos no mercado, que já fazem esse trabalho muito bem. Deixe para implementar no System.Drawing quando não encontrar o recurso pronto. Agora se você é um cara que se indentifica com esse tipo de implementação, essa é a hora!

Sugestões:

http://www.dotnetcharting.com
http://www.dundas.com
http://www.softwarefx.com
http://www.advsofteng.com
http://www.componentone.com

Clique aqui para baixar o código fonte.

O que você gostaria saber?
Aguardo seu comentário! Ele é muito importante. Participe!!! Até próximo artigo!

Você é de Salvador Bahia, então participe do grupo de usuários .NET http://www.mutex.com.br

Ramon Durães

Ramon Durães - Especialista em desenvolvimento de software e Microsoft Most Valuable Professional (MVP) em Visual Studio Team System. Realiza treinamentos de .NET Framework em empresas, consultoria em arquitetura de software e implantação de Visual Studio Team System. Palestrante nos principais eventos da Microsoft no Brasil (Tech-Ed 2005, Tech-Ed 2006, Tech-Ed 2007, Tech-Ed 2008, Tech-ED 2009), Microsoft Innovation Days 2007 (Salvador, Brasília, Recife, Goiânia, Natal, Maringá), Microsoft Innovation Days 2009 (Salvador) , Campus Party Brasil 2009 e eventos regionais relacionados a grupos de usuários e universidades. Conhecido autor de artigos para os principais portais de conteúdo e autor de 10 publicações eletrônicas em CD (Video-Aula) pela editora Linha de Código além dos livros "Desenvolvendo para web usando o Visual Studio 2008" e "Gerenciando projetos de software usando Visual Studio Team System" pela editora Brasport. Pode ser encontrado em seu blog http://www.ramonduraes.net e @ramonduraes no Twitter.