A diferença dessa ferramenta para as outras(JPGraph,PHPlot,GDlib) é que esta gera gráficos em formato swf(Flash).
Isto quer dizer que teremos um ganho na qualidade, elegancia, dinamismo nas imagens podendo ser um fator diferencial na hora da escolha em que ferramenta utilizar.
Nesse artigo irei apresentar apenas um exemplo basico de como o charts funciona e sua facil instalaçao. Deve-se certificar de que o browser tenha suporte a flash.
1ºpasso - Baixe o pacote charts em: http://www.maani.us/charts/index.php?menu=Download
2ºpasso - Descompacte
3ºpasso - Codificaçao dos arquivos
Exemplificando um codigo simples:
dados.php
<?php
include "charts.php";
$chart ['chart_data'] = array ( array ("","2001","2002","2003","2004" ),
array ("Region A",5,10,30,63),
array ("Region B",100,20,65,55),
array ("Region C",56,21,5,90)
);
SendChartData ( $chart );
?>
Este é o arquivo de manipulaçao dos dados. O exemplo acima fará a comparação de 3 regioes diferentes em relaçao ao ano de 2001,2002,2003 e 2004.
Na 1ºlinha deve-se incluir o arquivo 'charts.php' que conterá as funçoes que o pacote utiliza. Certifique-se do caminho completo do arquivo onde voce descompactou o pacote charts.
A funçao SendChartData() que transformará os dados em um arquivo .swf para saída.
Aplicacao.php
<?php
include "charts.php";
echo InsertChart ( "charts.swf", "charts_library", "dados.php" );
?>
Este é o arquivo onde estará sua aplicaçao. Feito o arquivo 'dados.php' e caso nao tenha ocorrido nenhum erro o arquivo charts.swf poderá ser impresso na tela. A funcao InsertChart que é responsavel por essa impressao. Deve-se entao colocar o caminho exato de onde o pacote foi descompactado para fazer referencia ao arquivo 'charts.swf' e ao diretorio 'charts_library'(biblioteca de arquivos .swf).
Acesse o endereço http://www.maani.us/charts/index.php?menu=Tutorial&submenu=Chart_Data para ver o resultado final.
Quando algum erro acontece, principalmente de logica no arquivo 'dados.php', a aplicacao irá imprimir um grafico padrao do proprio charts.
Isso foi apenas um exemplo basico retirado do site oficial do charts de como ele funciona. Se quiserem dar uma olhada em outros exemplos acessem a galeria: http://www.maani.us/charts/index.php?menu=Gallery
Até a proxima!
|
