Criando gráficos com a classe JPGraph (parte 2)

A linguagem PHP nos oferece uma infinidade de recursos para criar e manipular imagens. Este artigo é o segundo da série que nos mostra como criar sofisticadas estruturas de gráficos com a classe jpgraph.

[ Hits: 117.071 ]

Por: Fábio Berbert de Paula em 10/01/2003 | Blog: https://fabio.automatizando.dev


Gráfico de Pizza



No primeiro artigo, meus gráficos mostraram quantos gols meu time de futebol de mesa marcou no decorrer de uma semana. Nesta ocasião quero usar um gráfico de pizza para destacar meus principais artilheiros.

No código abaixo vamos criar um gráfico de pizza 3D com legendas, valores das fatias, título e um pedaço de pizza destacado. O código está comentado da melhor forma possível, em caso de dúvidas, enviem comentários.

<?
// incluir as classes jpgraph usadas para criação do
// gráfico

include ("jpgraph.php");
include ("jpgraph_pie.php");
include ("jpgraph_pie3d.php");

// definir um array com os valores de cada fatia (jogador)
$numero_gols = array(8, 26, 5, 13);

// definir um array que será usado como legenda para cada
// valor correspondente na lista acima (legenda = nomes)
$nome_jogadores = array ("Fumaçinha", "Totti", "Uruguai", "Gaiteiro");

// criar novo gráfico de 350x200 pixels com tipo de
// imagem automático
$grafico = new PieGraph(350,200,"auto");

// adicionar sombra
$grafico->SetShadow();

// título do gráfico
$grafico->title->Set("Artilheiros do Viva o Linux");
$grafico->title->SetFont(FF_FONT1,FS_BOLD);

// definir valores ao gráfico
$p1 = new PiePlot3D($numero_gols);

// destacar o valor correspondente ao elemento (1), sendo
// que o primeiro elemento do array corresponde a (0),
// então esse é o cara cujo valor equivale a 26

$p1->ExplodeSlice(1);

// centralizar a 45% da largura
$p1->SetCenter(0.45);

// definir legendas
$p1->SetLegends($nome_jogadores);

// adicionar valores ao gráfico
$grafico->Add($p1);

// gerar o gráfico
$grafico->Stroke();
?>

Figura 01 - Gráfico de pizza

Página anterior     Próxima página

Páginas do artigo
   1. Introdução
   2. Gráfico de Pizza
   3. Gráfico de Linhas
   4. Gráfico de Barras com Imagem de Fundo
Outros artigos deste autor

HOWTO: Como se tornar moderador do Viva o Linux

MP3 no Linux

Edital de política de contribuição de artigos

Desenhar com o mouse na tela do desktop

Criando seu próprio servidor de DNS dinâmico (nsupdate + bind9)

Leitura recomendada

Inteligência Artificial com PHP e MySQL (parte I)

Utilizando PHP e Apache para desligar um Ubuntu

Utilizando PHP para validar dados passados pelo usuário

Guia completo do Ocomon módulo admin no Linux (exclusivo VOL)

Criando sites para celular com WML

  
Comentários
[1] Comentário enviado por xunda em 30/05/2003 - 23:18h

Eu tenho uma dúvida. Fiz uma busca normal e quero dessa busca armazena os valores e desses valores derivar para o gráfico, mas não estou conseguindo, poderia me ajudar?
Eu peguei o teu exemplo para assim quem sabe esclarecer melhor a minha dúvida. Obrigada Ana.


$busca_idpes_adv = "select idpes_adv from advogado_dj";
$busca = pg_exec($conn, $busca_idpes_adv);
for($i=0;$i<pg_numrows($busca);$i++)
{
$arr = pg_fetch_array($busca, $i, PGSQL_NUM);
$arr[0];
}
for($j = 0; $j < pg_numrows($busca); $j++){
$arr_outro = pg_fetch_row($busca, $j);
$idpes_adv = $arr_outro[0];
$busca_nome = "select nome from pessoa where idpes = ".$idpes_adv." ";
$busca1 = pg_exec($conn, $busca_nome);
$arr_nomeadv = pg_fetch_row($busca1,0);
echo $arr_nomeadv[0];
$diasSemana = $arr_nomeadv[0];
$busca_numproc = "select count(idproc) from processo_dj where idpes_adv = ".$idpes_adv." ";
$busca_num = pg_exec($conn, $busca_numproc);
$arr_numproc = pg_fetch_row($busca_num, 0);
echo $arr_numproc[0]."<br>";
$numGols = $arr_numproc[0];
}


include ("../../jpgraph/src/jpgraph.php");
include ("../../jpgraph/src/jpgraph_bar.php");


//$numGols = array ("8", "7", "12", "10", "7", "9", "11");

// definir um array com o numero de gols sofridos
$numGolsSofridos = array("3", "4", "13", "9", "1", "5", "10", "9");

//$diasSemana = array("Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab");

$grafico = new graph(450,200,"png");
$grafico->img->SetMargin(40,40,40,40);
$grafico->SetScale("textlin");

// definir a imagem de fundo a ser usada pelo grafico
//$grafico->SetBackgroundImage('faixasuperior.jpg',BGIMG_FILLFRAME);

$grafico->title->Set('Viva o Linux Futebol Clube');
$grafico->subtitle->Set('www.vivaolinux.com.br');
$grafico->ygrid->Show(true);
$grafico->xgrid->Show(true);

$gBarras = new BarPlot($numGols);
$gBarras->SetFillColor("orange");
$gBarras->SetShadow("darkblue");

// com a funcao SetLegend estamos automaticamente criando uma legenda
// para o grafico
$gBarras->SetLegend("Gols marcados");

// criar mais um grafico de barras para o numero de gols sofridos
$gBarras2 = new BarPlot($numGolsSofridos);
$gBarras2->SetFillColor("red");
$gBarras2->SetShadow("darkblue");
$gBarras2->SetLegend("Gols sofridos");

$grupoBarras = new GroupBarPlot(array($gBarras,$gBarras2));
$grupoBarras->SetWidth(0.6);
$grafico->Add($grupoBarras);

$grafico->yaxis->title->Set("Gols");
$grafico->xaxis->title->Set("Dia da semana");
$grafico->xaxis->SetTickLabels($diasSemana);

$grafico->Stroke();
?>

[2] Comentário enviado por derli.r em 16/06/2003 - 10:22h

Eu quero adicionar junto a porcentagem do grafico pizza o valor de cada Exemplo: 45% - 8 gols....
obrigado.Derli

[3] Comentário enviado por buzz_sbo em 04/05/2005 - 10:09h

Bom dia, gostaria de saber como fazer uma interação do JPGRAPH com meu banco de dados em MYSQL, por exemplo da coluna vertical ficariam os valores e na horizontal a data, mas eles só vão poder atribuir valores nos eixos apos uma consulta. A consulta já está pronta.

[4] Comentário enviado por MauF em 05/01/2006 - 10:53h

Ola, gostaria de saber como jogar para o gráfico o resultado de uma consulta feita no banco de dados Mysql?

Muito obrigado

[5] Comentário enviado por zebacking em 17/09/2006 - 00:28h

ola, como ploto funçoes matematicas com esses graficos, tipo cos(x) e sin(x), dentre outras

[6] Comentário enviado por comfaa em 28/10/2008 - 12:59h

muito legal !!!

[7] Comentário enviado por farleypiva em 05/05/2009 - 15:41h

Oi Fabio! Seu artigo está muito bom! Parabéns!
Só tive uma dificuldade... o eixo y do meu grafico possui valores grandes, e eles estão ficando em cima da descrição do eixo. Mesmo aumentando a margem, o grafico e a descrição do eixo y são deslocados. Existe alguma forma de movimentar somente a descrição do eixo y ou somente o grafico?

Obrigado.


Contribuir com comentário




Patrocínio

Site hospedado pelo provedor RedeHost.
Linux banner

Destaques

Artigos

Dicas

Tópicos

Top 10 do mês

Scripts