Graficas con jQuery
Para uno de nuestros proyectos hemos utilizado para la generación de gráficas uno de los tantos plugins de jQuery: Flot. Como la mayoría de los plugins de jQuery, éste también es extremadamente sencillo de utilizar, y en pocos minutos podremos estar incorporando gráficas a nuestras aplicaciones. Por ejemplo:
var d1 = [];
for (var i = 0; i < 14; i += 0.5)
d1.push([i, Math.sin(i)]);
var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];
$.plot($("#placeholder"), [ d1, d2 ]);
Le falta soportar gráficos de torta, pero podemos utilizar la modificación de Flot que se encuentra aquí.
Hasta la próxima!
Hola amigos….en caso de yo querer que los datos sean dinamicos y no estaticos como se muestran en el ejemplo(combinarlos con PHP), como seria posible que se los annadiera a plot.
saludos, kceres
kceres: se puede hacer de varias formas, por ej.: utilizando ajax. La forma más directa y que podría servir si no tienes demasiados datos es imprimir directamente con php:
$cant_items = count($datos);
$output = "var d2 = [";
foreach ($datos as $dato){
$output .= "[".$dato->valX().",".$dato->valY()."]";
if ($i < $cant_items) $output .= ",";
$i++;
}
$output .= "]";
echo $output;
saludos!