Programação Web

Fatec IpirangaAnálise e Desenvolvimento de Sistemas

Aula 13 – Customização de relatórios – parte II (Gráficos)

Dalton Martinsdmartins@gmail.com

São Paulo, Novembro, 2011

Biblioteca pChart

A biblioteca pChart na sua versão 2.0 apresenta um conjunto rico de recursos e funcionalidades para trabalharmos aspectos gráficos em PHP.

http://www.pchart.net/

Vamos navegar no site da biblioteca para conhecer alguns de seus recursos...

Vamos instalar a biblioteca e navegar pelo seu sistema de exemplos! Fundamental para apoio ao desenvolvimento de funcionalidades!

Montando um exemplo: gráfico de barras

<?php include("../class/pData.class.php"); include("../class/pDraw.class.php"); include("../class/pImage.class.php");

/* Cria os objetos de dados */ $MyData = new pData(); $MyData->addPoints(array(100,220,300,350,400,500,800,1200,1000),"Curso ADS"); $MyData->addPoints(array(30,50,70,100,120,150,180,200,250),"Curso ADM"); $MyData->setAxisName(0,"Alunos"); $MyData->addPoints(array("2002","2003","2004","2005","2006","2007","2008","2009","2010"),"Anos"); $MyData->setSerieDescription("Anos","Anos"); $MyData->setAbscissa("Anos");

/* Cria o objeto pChart */ $myPicture = new pImage(700,230,$MyData);

/* Coloca borda na figura */ $myPicture->drawRectangle(0,0,699,229,array("R"=>0,"G"=>0,"B"=>0));

/* Configura a fonte padrão */ $myPicture->setFontProperties(array("FontName"=>"../fonts/pf_arma_five.ttf","FontSize"=>6));

/* Define a área do gráfico */ $myPicture->setGraphArea(60,40,650,200);

/* Desenha as escalas */ $scaleSettings = array("GridR"=>200,"GridG"=>200,"GridB"=>200,"DrawSubTicks"=>TRUE,"CycleBackground"=>TRUE); $myPicture->drawScale($scaleSettings);

/* Escreve a legenda do gráfico */ $myPicture->drawLegend(580,12,array("Style"=>LEGEND_ROUND,"Mode"=>LEGEND_VERTICAL)); /* Desenha o gráfico */ $myPicture->setShadow(FALSE,array("X"=>1,"Y"=>1,"R"=>0,"G"=>0,"B"=>0,"Alpha"=>10)); $settings = array("Gradient"=>TRUE,"GradientMode"=>GRADIENT_EFFECT_CAN,"DisplayPos"=>LABEL_POS_OUTSIDE,"DisplayValues"=>TRUE,"DisplayR"=>255,"DisplayG"=>255,"DisplayB"=>255,"DisplayShadow"=>TRUE,"Surrounding"=>10); $myPicture->drawBarChart();

/* Renderiza a figura */ $myPicture->autoOutput("barra.png");?>

Código Exemplo