ProtoChart: Graficos con Canvas y Prototype
ProtoChart es una (de tantas) libreria que nos permite crear graficas usando canvas y prototype. Esta libreria esta basada en Flot, Flotr y PlotKit y nos permite crear diferentes tipos de graficos de manera dinamica.
Caracteristicas:
- Line, bar, pie, curve, mix, and area charts available
- Multiple data series on same graph
- Highly customizable legend support
- Customizable grid, grid border, background
- Customizable axis-tick values (both x and y)
- Supports: IE6/7, FF2/3 and Safari
- Even works on an iPhone!
Por la compatibilidad no te preocupes ya que para los navegadores en donde no esta soportada Canvas (ejem. IExplorer6), se hace uso de excanvas.js. Ademas su uso es de lo mas sencillo, por ejemplo el codigo utilizado para generar la grafica mostrada en la imagen anterior es el siguiente:
new Proto.Chart($('areachart'),
[
{data: d6, label: "Data 1"},
{data: d7, label: "Data 2"}
],
{
xaxis: {min: 0, max: 14, tickSize: 1},
lines: {show: true, fill: true}
});
Link: Deensoft | Protochart
Link: Web Resources Depot | Prototype And Canvas Charts: ProtoChart
August 25th, 2008 at 2:38 pm
[...] unos dias (ProtoChart: Graficos con Canvas y Prototype) hablamos de una de las tantas librerias JS que existen y que nos permiten crear graficas usando [...]