lo prometido es deuda qui te dejo un buen ejemplo del grafico de torta:
Código PHP:
Ver original<?php
//Rellenas este vector con tus datos
$Grafico['Verduras']=50;
$Grafico['Frutas']=30;
$Grafico['Hortalizas']=20;
//Pones el nombre del id del div y el titulo del grafico
$IDDiv='Contenedor';
$Titulo='Vegetales';
//Dejas que el script haga el resto :)
$Datos='data: [';
$Primero=True;
Foreach ($Grafico As $Clave => $Valor) {
If(!$Primero){ $Datos .= ','; } Else { $Primero = False; }
$Datos.="['$Clave' , $Valor]";
}
$Datos .= ']';
Echo <<<HTML
<Html>
<Head>
<Title>Graficos</Title>
<Script Type="text/javascript" Src="JQuery.js"></Script>
<Script Type="text/javascript" Src="HighCharts.js"></Script>
<Script Type="text/javascript">
HTML;
Echo("
$(function () {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: '".$IDDiv."',
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
title: {
text: '".$Titulo."'
},
tooltip: {
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
}
},
plotOptions: {
pie: {
allowPointSelect: true,
cursor: 'pointer',
dataLabels: {
enabled: true,
color: '#000000',
connectorColor: '#000000',
formatter: function() {
return '<b>'+ this.point.name +'</b>: '+ this.percentage +' %';
}
}
}
},
series: [{
type: 'pie',
name: 'Browser share',
".$Datos."
}]
});
});
});
");
Echo <<<HTML
</Script>
</Head>
<Body>
<Div id="Contenedor" name="Contenedor"></Div>
</Body>
<Html>
HTML;
?>
las lineas
Código PHP:
Ver original<Script Type="text/javascript" Src="JQuery.js"></Script>
<Script Type="text/javascript" Src="HighCharts.js"></Script>
hacen referencia a la libreria jquery y a la libreria highchar que debes descargarte.
espero te sirva