title: Flot graph does not render when parent container is hidden
body: <p>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.</p>
  
  <p>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.</p>
  
  <pre><code>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);
  }
  </code></pre>
  
  <p>Here is the CSS for the graph loader div which can be placed
  anywhere on the page.</p>
  
  <pre><code>#graphLoaderDiv{
      visibility: hidden;
      position: absolute;
      top: 0px;
      left: 0px;
      width: 500px;
      height: 150px;
  }
  </code></pre>