KnowledgeHub
Questions
Tags
Users
Search
Alex Rivera
|
Logout
Edit Question
Title
Body
I was having an issue where a flot graph would not render in a tabbed interface because the placeholder divs were children of divs with 'display: none'. The axes would be displayed, but no graph content. I wrote the javascript function below as a wrapper for the plot function in order to solve this issue. It might be useful for others doing something 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); } Here is the CSS for the graph loader div which can be placed anywhere on the page. #graphLoaderDiv{ visibility: hidden; position: absolute; top: 0px; left: 0px; width: 500px; height: 150px; }
Tags (comma-separated)
Save Edits
Cancel