Protovis: Agregar la grafica dentro de un DIV-id

Estos ultimos meses he estado trabajando con varias librerias para graficar desde Javascript, y existe una llamada Protovis desarrollada en la Universidad de Stanford, si se siguen los ejemplos todo funciona de maravilla, pero la cosa esta en que donde pongas el codigo javascript, ahi mismo se renderea la grafica, y el problema es que yo lo tengo en una libreria externa y pues no jala la grafica.

La solución es imprimir la grafica en un DIV mediante su ID., buscando una solución me encontre que se debe de crear un panel y despues un canvas y como parametro va el ID de nuestro div., ejemplo sencillo:

/* The root panel. */
var vis = new pv.Panel().canvas(‘chart_div‘)
.width(w)
.height(h)
.top(9.5)
.left(39.5)
.right(20)
.bottom(30);

Y en nuestro HTML tenemos algo así:

< div id="chart_div" style="border:1px solid;">

Si se fijan en el canvas tengo el nombre de nuestro div “chart_div” y listo!…, todo lo demas se deja igual!.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *