Artigo Java Magazine 58 - Enriquecendo sua aplicação JSF com gráficos

Enriquecendo sua aplicação JSF com gráficos

Usando a biblioteca de componentes ChartCreator

Veja neste artigo como é simples utilizar o componente ChartCreator para criar diversos tipos de gráficos em aplicações JSF

Uma das maiores vantagens na adoção do JavaServer Faces é o encapsulamento da complexidade de criação de interfaces ricas. Seus componentes escondem grande parte do HTML, JavaScript e CSS, além do código necessário para responder as interações com o usuário. Atualmente existem diversas bibliotecas de componentes que oferecem as mais variadas funcionalidades como upload, gerenciamento de agenda, calendários e diversas outras necessidades, com ou sem AJAX. Em artigos anteriores já mostramos alguns componentes das bibliotecas RichFaces e IceFaces.

Neste artigo, apresentaremos um componente excelente para a geração de gráficos em aplicações JSF: o ChartCreator da biblioteca JSF-Comp, disponível para download no Source Forge.

Felizmente no eco-sistema JSF existem várias opções para praticamente todos os tipos de componentes. Vale a pena conferir a matriz de comparação destes componentes JSF no endereço http://www.jsfmatrix.net/, que tem um critério específico indicando se a biblioteca possui ou não componentes para geração de gráficos.

A biblioteca JSF-Comp e o componente ChartCreator

O ChartCreator faz parte da biblioteca JSF-Comp e uma das suas principais vantagens é a simplicidade. Esta biblioteca possui outros componentes interessantes como geradores de código de barras, validadores, exportação de dados de tabelas para formato XLS, entre outros. 

O ChartCreator suporta 27 tipos de gráficos. Muitos deles são variações dos tipos mais comuns como gráfico de pizza, barras e linhas, discutidos no tópico “Entendendo os principais tipos de gráficos”.

Dependências

O ChartCreator depende de duas outras bibliotecas, JFreeChart e JCommon. Por isto será necessário disponibilizar os seguintes jars, no diretório WEB-INF/lib, da sua aplicação:

·         chartcreator-1.2.0.jar

·         jfreechart-1.0.9.jar

·         jcommon-1.0.12.jar

Os endereços para download estão disponíveis na referência aos links no final do artigo.

Para utilizar o ChartCreator será necessário configurar o deployment descriptor como detalhado no quadro “Criando um projeto com JSF e ChartCreator no Netbeans”.

A fonte de dados: Controle de Projetos

Para exemplificar o uso de gráficos em aplicações Web, vamos trabalhar em um cenário de controle de projetos, com uma lista de projetos, colaboradores e os lançamentos de horas de cada colaborador em cada projeto (ver Tabela 1). O objetivo é analisar comparativamente o total de horas investidas em cada projeto e a participação de cada colaborador por projeto.