Olá!

Descobri recentemente um ótimo componente para gerar gráficos animados em flash. Veja um exemplo abaixo:

O componente é disponibilizado por http://www.amcharts.com/.

Tem a versão free, que coloca uma pequeno texto no gráfico, como o exemplo acima.

Para gerar o gráfico, você somente precisa gerar um arquivo XML ou CSV que será lido pelo flash. E para gerar o XML, você pode usar, por exemplo, o PHP, extraindo dados de um banco de dados MySQL.

Gerando um arquivo XML com PHP e Banco de dados

Por sua vez, gerar um arquivo XML com PHP tanbém é relativamente simples. A primeira coisa que você deve ter em mente é a estrutura final do XML. Aí o resto fica fácil.

Utilizando o XML de exemplo do amCharts para o gráfico de pizza, temos a seguinte estrutura XML:

<?xml version="1.0" encoding="UTF-8"?>
<pie>
  <slice title="Ásia">44.579</slice>
  <slice title="África">30.065</slice>
  <slice title="América do Norte">24.256</slice>
  <slice title="América do Sul" pull_out="true" color="#FCD202">17.819</slice>
  <slice title="Antarctica">13.209</slice>
  <slice title="Europa">9.938</slice>
  <slice title="Austrália">7.687</slice>
</pie>

Desta forma, supondo que temos uma tabela no MySQL, chamada continentes, podemos executar o seguinte script para gerar o XML que será lido pelo flash, e que vai gerar o gráfico:

$sql = "select continente, dimensao from continentes";
$res = mysql_query($sql);
// Abre o arquivo ampie_data.xml, que, se não existir, será criado (devido ao parâmetro w+)
$arquivo = fopen("ampie_data.xml","w+");
$xml = "<?xml version=\"1.0\" encoding=\"UTF-8\"?>";
$xml .= "<pie>";
// Agora serão criados os nós filhos com os resultados da consulta
while( $campo = mysql_fetch_array( $res ) )
{
    $destaque = "";
    // Se o continente é América do sul, escreverá os atributos de destaque
    if( $campo['continente'] == "América do Sul" )
    {
        $destaque = " pull_out=\"true\" color=\"#FCD202\"";
    }
    $xml .= "<slice title=\"" . $campo['continente'] . "\"" . $destaque . ">" . $campo['dimensao'] . "</slice>";
}
$xml .= "</pie>";
// Depois de finalizado, gravamos os dados no arquivo XML aberto por fopen(), usando fwrite()
fwrite($arquivo,$xml);
// Por fim, fechamos o arquivo XML
fclose($arquivo);

Desta forma, temos o arquivo XML gerado dinamicamente via PHP e MySQL

O uso destes gráficos são os mais diversos!

Deixe seu comentário!

Até o próximo artigo!