l gráfico @Flot no se procesa cuando el contenedor principal está oculto

Tenía un problema en el que un gráfico flotante no se mostraba en una interfaz con pestañas porque los marcadores de posición div eran hijos de div con 'display: none'. Se mostrarían los ejes, pero no el contenido del gráfico.

Escribí la función de JavaScript a continuación como un contenedor para la función de trazado para resolver este problema. Puede ser útil para otros que hacen algo similar.

function safePlot(placeholderDiv, data, options){

    // Move the graph place holder to the hidden loader
    // div to render
    var parentContainer = placeholderDiv.parent();
    $('#graphLoaderDiv').append(placeholderDiv);

    // Render the graph
    $.plot(placeholderDiv, data, options);

    // Move the graph back to it's original parent
    // container
    parentContainer.append(placeholderDiv);
}

Aquí está el CSS para el cargador de gráficos div que se puede colocar en cualquier lugar de la página.

#graphLoaderDiv{
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 500px;
    height: 150px;
}

Respuestas a la pregunta(5)

Su respuesta a la pregunta