Cómo usar JavaScript Infovis Toolkit dentro del contenedor oculto (diseño con pestañas)

Question

Tengo una página con múltiples pestañas (pestañas jQuery UI)

En la última pestaña estoy mostrando un "Spacetree". Tengo esto funcionando correctamente en una página de prueba separada (sin las pestañas). Tan pronto como agrego todo a la página con pestañas, el árbol deja de mostrar.

El DIV con la ID de InfoVis está dentro de la "pestaña" adecuada y se define como tal:

<div id="tab2">                                                              
    <div id="infovis" style="position:relative; height:380px; width:350px; border:solid 1px #333;">

    </div>
</div>

En Firebug puedo ver que el Infovis Div está obteniendo la altura y el ancho establecido correctamente, pero el "Infovis-Canvaswidget" que se coloca dentro tiene altura y ancho de 0, que supongo que es parte del problema.

¿Cómo puedo resolver este problema y usar el kit de herramientas dentro de un contenedor con pestañas?

Answer 1

Oh, está bien, lo arreglé después de hurgar por un tiempo. No era el contenedor de pestañas el que estaba arruinando las cosas. Todo el DIV que contiene las pestañas está oculta en la carga de la página, antes de que el JIT se inicialice en mi documento.

Necesitaba configurar el Spacetree antes de que el Div Exterior estuviera oculto para asegurarme de que los Divs internos de Infvis recogieran el estilo adecuado