Estoy tratando de agregar un gráfico de flot a mi página, y tengo algunos problemas para agregar el cambio de tamaño al gráfico. Para que el complemento de cambio de tamaño funcione, el ancho y la altura del marcador de posición div deben establecerse en 100%. Pero cuando hago eso y quiero cargar el gráfico en una nueva ventana, trato de llamar al método de trazado en doc listo, pero la altura de mi div es 0 aunque el div de contacto har har height = 600px (¿entonces el marcador de posición div debería tener el mismo? )

 <div id ="ResizableContainer" class="ui-widget-content" style="width:900px;height:600px;">
    <div id="placeholderForGraph" class="graph-placeholder" ></div>
</div>

my.css:

.graph-placeholder {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.2em;
    padding: 0; 
    position: relative;
}

my.js

$("#placeholderForGraph").text('');
$("#ResizableContainer").show();
$("#placeholderForGraph").plot([data], options);<- error

Error: dimensiones no válidas para la trama, ancho = 900, altura = 0

Si establece la altura antes de llamar a plot, el gráfico no cambiará de tamaño en altura, ¿cómo puedo agregar altura al div sin destruir la capacidad de cambio de tamaño?

¡Gracias por adelantado!