Graficos com FusionCharts + JQuery

Gerando Graficos com FusionCharts + JQuery

Ola pessoal

demorei mas aqui estou eu com mais um script basico para ajudar a comunidade

minha idéia na criação desse exemplo era mostrar um jeito pratico e simples de criação de um XML, sem fazer gambiarras

pois criar XML concatenando tags, e conteúdo igual a um txt é gambiarra, pois existe a classe DOM e é com ela que irei mostrar como gerar um XML valido e perfeito, hoje o XML está na moda ainda mais do que antes, pois a nota fiscal eletrônica passou a valer dia 01/04/2009, e toda transação é feita em XML.

dai nada melhor que mostrar um exemplo pratico, então aproveitei e criei uns exemplos de XML usados nos graficos da ferramenta FusionChartsFree http://www.fusioncharts.com/free/ , como existe muitos exemplos, eu apenas criei alguns, mas quem pegar os exemplos consegue criar apartir dele qualquer outro XML, outra coisa do FusionCharts só estou usando mesmo os swf, porque o resto to usando PHP e Jquery

pie.php

<?php

require_once '../class/graph.php';

$array = array(
array("name" => "Brazil", "value" => "4432"),
array("name" => "USA", "value" => "1234"),
array("name" => "France", "value" => "4321"),
array("name" => "India", "value" => "4132"),
array("name" => "England", "value" => "1432"),
array("name" => "Irland", "value" => "3432"),
array("name" => "Italy", "value" => "3241")

);

$pie = new graph();
$pie->_graph->setAttribute("caption", "Titulo 2D");
$pie->_graph->setAttribute("subCaption", "SubTitulo 2D");

foreach($array as $dados){
$campos = array_keys($dados);
$valores = array_values($dados);

$pie->setAttribute($campos[0], $valores[0]);
$pie->setAttribute($campos[1], $valores[1]);
$pie->appendChild();
}

header("Cache-Control: no-cache, must-revalidate");
header("Expires: Sat, 26 Jul 1997 05:00:00 GMT");
header("Content-Type: application/xml; charset=iso-8859-1");
header("Vary: Accept");

echo $pie->saveXML();
?>

esse exemplo gera esse XML:

<graph showPercentageInLabel="1" pieYScale="60" pieBorderAlpha="55" pieFillAlpha="60" pieSliceDepth="10" pieRadius="85" bgColor="F1f1f1" showPercentageValues="0" baseFontSize="9" baseFontColor="000000" numberPrefix="R$ " chartTopMargin="1" chartLeftMargin="5" chartRightMargin="5" chartBottomMargin="20" formatNumber="1" formatNumberScale="0" decimalPrecision="2" decimalSeparator="," thousandSeparator="." caption="Titulo3d" subCaption="SubTitulo3d">
<set name="Brazil" value="4432"/>
<set name="USA" value="1234"/>
<set name="France" value="4321"/>
<set name="India" value="4132"/>
<set name="England" value="1432"/>
<set name="Irland" value="3432"/>
<set name="Italy" value="3241"/>
</graph>

como podem perceber eu nao criei o XML na mão, nem adicionei tag por tag, tudo foi criado atraves da classe DOM

e vejam como ela fecha certinho todas as tags, nao me preocupo em ficar abrindo tag e fechando a mesma no final

e fora outras funcionalidades praticas, como por exemplo formatar ou nao a saida XML, como os graficos recebem o XML só para exibição, não a necessidade em formatar o XML, mas caso precise basta setar formatOutput = true;

e usei dados diretos em array, mas nada impede de voce usar os dados vindos de um banco de dados.

simples não é mesmo?

OBS: Quando forem criar XML sejam profissionais usem o DOM

exemplos online:

http://extjs.com.br/exemplos/graph/graficos/column3D.html

http://extjs.com.br/exemplos/graph/graficos/msline.html

http://extjs.com.br/exemplos/graph/

download do script e do FusionChartsFree :

graph.zip

http://extjs.com.br/exemplos/FusionChartsFree.zip