Grficos

Com
Por Bruno Paulino
Moti vao
Aprender a criar e manipular grficos
utilizando a tecnologia JAVA WEB.
Mas, como?
Problema: Como criar grficos com um
sistema desenvol vido em JAVA e JSF?
Soluo: Utilizando a API PrimeFaces para
fazer esse duro trabalho por ns.
Montando o cenrio
Utilizaremos um cenrio hipottico
expressando o total de vendas(em milhes)
por ano dos pases abaixo:
Brasil ;
Estados Unidos;
Alemanha.
Dados hipotticos
2011 100
2012 120
2013 50
2011 160
2012 130
2013 78
2011 30
2012 80
2013 23
Pas Ano Total de Vendas
Mo na massa
1. Crie um projeto Java Web no Eclipse e adicione as
dependncias JSF;
2. acesse www.primefaces.org e faa o download
do .jar mais atual (por enquanto a verso 3.5);
3. inclua no seu projeto Eclipse o .jar do primefaces.
Mo na massa
Estrutura final do projeto Eclipse
Mo na massa
1. Classe Pas:

String nome;

Map<String, Integer> vendas;

Armazena o nome do Pas e os anos e o volume de
vendas do respecti vo ano.
Grficos em Colunas
Classe GraficoColunaBean :

Utiliza o objeto do tipo CartesianChartModel (Classe prpria do PrimeFaces);

Utiliza o objeto do tipo ChartSeries(Classe prpria do Primefaces);

CartesianChartModel:

Classe resposvel por manipular os objetos ChartSeries e gerar o grfico para a view.
ChartSeries:

Classe resposvel por armazenar os dados de cada pas(nome, ano e total de vendas)
e compor o objeto CartesianChartModel.
Nosso arqui vo GraficoColunaBean.java - PARTE 1
Objetos ChartSeries que comporo o objeto
CartesianChartModel
Nosso arqui vo GraficoColunaBean.java - PARTE 2
Classe resposvel por gerar
os grficos na viso.
Adicionamos os
objetos ChartSeries
ao objeto Colunas
Viso
Grficos em Colunas
Nosso arqui vo primecolunas. xhtml
Propriedade do tipo
CartesianChartModel do Bean
colunaBean.
tag barChart do PrimeFaces que recebe
um objeto CartesianChartModel e monta
o grfico na View.
Enfim... Grficos!
Label dos objetos ChartSeries
Valor minimo e mximo
definidos na view usando
a tag barChart do
PrimeFaces
Ano das vendas
Grfico Pizza
Agora Veremos como funciona a classe
PieChartModel, reponsvel por gerar o
grfico no formato Pizza.
Nosso arqui vo GraficoPizzaBean.java
Classe responsvel por gerar o grfico
Pizza na view.
Adicionamos o nome e o total de
vendas de cada pas no ano de 2011
ao objeto PieChartModel.
Nosso arqui vo PrimePizza. xhtml
Aqui acessamos a propriedade pizza
do tipo PieChartModel do Bean
pizzaBean
tag pieChart do PrimeFaces que recebe
um objeto PieChartModel e monta o
grfico na View.
Novamente... Grficos!
Cdigo Fonte:
https://gi thub.com/brunojppb/GraficosComPrimeFaces
if(DUVIDAS){
Podem perguntar;
}
else{
Obrigado!;
}