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

fabio

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.042 ]

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

1 0

Denuncie Favoritos Indicar Impressora

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

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

Instalando um sistema tradutor de línguas no seu Linux

Baixar posts do Instagram usando Python

Criando um sistema de banners rotativos em PHP

Diversão e Entretenimento no Linux

Leitura recomendada

Cadastro e login em PHP

Tags automáticas em URLs com a classe urlmatch da PHP

Criando sites para celular com WML

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

Como atribuir notícias RSS ao seu site usando ATOM e PHP

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();
?>

0 0

[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

0 0

[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.

0 0

[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

0 0

[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

0 0

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

muito legal !!!

0 0

[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.

0 0