Trabalho de Pesquisa dos componentes do Java PrimeFaces

Aluna: Natiele K. M. Canabarro e Silva

Pie Chart
O grfico "Pie" ou "Torta" exibe as informaes num grfico em forma de uma torta conforme
a Figura 1:

Figura 1. Exemplo de um Pie Chart.

Os principais atributos do Pie Chart so: "id" identifica unicamente o componente, "rendered"
especifica a renderizao do componente na qual se for falso no exibe o componente, "value"
deve ser do tipo ChartModel que definido no bean e exibe as informaes no grfico, "style"
define informaes sobre o estilo do grfico como largura e altura, "title" define o ttulo do
grfico, "legendPosition" define a posio da legenda no grfico, "seriesColors" define as
cores do grfico no formato hexadecimal, "diameter" define o dimetro do grfico, porm se
no definirmos nenhum valor ele calcula automaticamente o dimetro mais adequado,
"sliceMargin" define a distncia entre as fatias do grfico, "showDataLabels" mostra a
informao em cada pedao do grfico, "dataFormat" espera um String para definir o formato
das informaes (o padro "percent"), "extender" define uma funo no lado cliente para
estender as funcionalidades do grfico com opes de mais baixo nvel.
A classe principal do Pie Chart a org.primefaces.model.chart.PieChartModel e para exibir
o grfico na pgina utilizamos a tag presente na Listagem 2.
<p:pieChart value="#{bean.model}" legendPosition=w />

Line Chart

O grfico de linha utilizado para visualizarmos uma ou mais sries de informaes em um

grfico de linha, conforme mostra a Figura 2.

Figura 2. Exemplo de um Line Chart.

Os principais atributos do Line Chart so: "id" para identificar unicamente um componente,
"value" deve ser do tipo ChartModel e contm as informaes a serem exibidas no grfico,
"title" exibe o ttulo do grfico, "legendPosition" define a posio da legenda no grfico, os
atributos "minY", "maxY", "minX" e "maxX" definem os valores mnimos e mximos para cada
um dos eixos, "seriesColors" define a cor das linhas do grfico em forma hexadecimal,
"shadow" define uma sombra no grfico, "fill" utilizado se quisermos preencher o grfico
abaixo das linhas, "xaxisLabel" para rotular o eixo x, "yaxisLabel" para rotular o eixo y,
"animate" para animar o grfico quando for impresso na tela.
Se definirmos os valores fill e stacked como true poderemos ter como resultado um
grfico um pouco diferente do grfico acima. Segue na Figura 3 como ficaria o grfico com
esses dois valores definidos:

Figura 3. Exemplo de um Line Chart com os atributos fill e stacked definidos.

A classe principal a org.primefaces.model.chart.CartesianChartModel e para exibir o
grfico na pgina utilizamos a tag presente na Listagem 3.
Listagem 3. Exemplo de como exibir um Line Chart na pgina.

<p:lineChart value="#{bean.model}" legendPosition="e" />

AutoComplete
O AutoComplete, como diz o nome, completa uma informao que o usurio est digitando em
um input. Assim como no google, possvel ter esse mesmo comportamento com o
Primefaces. Veja na imagem 21.8 e 21.9 como fica esse componente.

Esse componente altamente configurvel e deve ser utilizado com cautela.