Criando gráficos com PHPlot

Criando gráficos com PHPlot

Nesse tutorial veremos como criar gráficos com PHPlot, uma biblioteca PHP fácil de ser utilizada. Em 4 passos você estará pronto pra implementar gráficos em seus projetos bem rapidamente.

Passo 1 – Download da biblioteca PHPlot

Faça o download da biblioteca em http://sourceforge.net/projects/phplot/files/ e salve-o em um local de fácil acesso na sua máquina, vamos utilizá-lo mais adiante.

Passo 2 – Montando o ambiente

Faça o download e instalação do CodeIgniter. Aqui no portal existem tutoriais ensinando esse processo:

Ao montar a estrutura de arquivos do ambiente, nomeia o diretório do projeto como criando-graficos-com-phplot.

Passo 3 – Copiando o PHPlot para dentro da estrutura do CodeIgniter

A base do PHPlot é composta por 2 arquivos, o phplot.php e o rgb.inc.php. o Arquivo principal é o phplot.php, ele é responsável por todas as funcionalidades da biblioteca; já o rgb.inc.php é apenas um adicional, que amplia o número de cores disponíveis para uso nos gráficos.

Copie o arquivo phplot.php para dentro do diretório application/libraries e em seguida renomeie-o para PHPlot.php para que siga o padrão de nomenclatura das libraries do CodeIgniter.

Passo 4 – Criando os gráficos

O processo de criação de gráficos é tão simples quanto os 3 passos anteriores. O PHPlot possui uma boa documentação (clique aqui pra acessá-la) e ela será muito utilizada, uma vez que não vamos abordar todos os conceitos técnicos da biblioteca nesse tutorial.

Para que não seja necessário criar outros controllers e configurar novas rotas, abra o arquivo application/controllers/Welcome.php e apague os métodos existentes nele deixando apenas a estrutura da classe. Em seguida atualize o conteúdo inserindo o primeiro método para criarmos um gráfico simples.

Feito isso, salve o arquivo e abra no browser para ver o resultado. Deverá ver algo como a imagem a seguir:

Gráfico simples com CodeIgniter e PHPlot

Gráfico simples com CodeIgniter e PHPlot

Vamos criar agora um outro gráfico, com mais alguns recursos da biblioteca PHPlot. No mesmo controller, adicione o código abaixo logo após o fechamento do método Index:

Salve novamente o arquivo e abra no browser a rota welcome/comtitulos. Deverá ver algo como a imagem a seguir:

Gráfico com títulos

Gráfico com títulos

Viram como é fácil usar a biblioteca PHPlot com o CodeIgniter? Além dessas funcionalidades que foram mostradas acima, várias outras estão disponíveis na documentação do PHPlot, não deixe de ler.

Até o próximo tutorial!!!

Demo Online

button-codigo-fonte