title: Highcharts container wider than parent div
body: <p>My issue sounds very similar to the one <a href="https://stackoverflow.com/questions/16436666/highcharts-issue-about-full-chart-width">here</a>.</p>
  
  <p>I have 4 highcharts wrapped in a <code>&lt;div&gt;</code> inside a <code>.tab-pane</code>. Each <code>.highcharts-container</code> slightly overextends the width of it's parent. I have attempted to set the width of the chart to 100% but truncates the chart which is not ideal.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div class="tab-pane maxHeight" id="show_graph"&gt;
      &lt;div class="row maxHeight maxWide"&gt;
          &lt;div class="bottomWrapperTable col-md-12 col-sm-12 col-lg-12 col-xs-12 noPadLeft noPadRight"&gt;
              &lt;div class="row"&gt;
                  &lt;div id="graph_bar_month" class="graph col-lg-6 col-md-6 col-sm-6"&gt;&lt;/div&gt;
                  &lt;div id="graph_bar_teamPercent" class="graph col-lg-6 col-md-6 col-sm-6"&gt;&lt;/div&gt;
                  &lt;div id="graph_line_year" class="graph col-lg-6 col-md-6 col-sm-6"&gt;&lt;/div&gt;
                  &lt;div id="graph_bar_teamActual" class="graph col-lg-6 col-md-6 col-sm-6"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Like the issue I have linked to, this error only occurs on page load. For example, I can resize the page and maximise it again and it will be fine. I have attempted to invoke the <code>reflow()</code> method to fix this as mentioned in one of the answers in that question. (Used comment and this <a href="http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/members/chart-reflow/" rel="nofollow noreferrer">jsFiddle</a> to create it)</p>
  
  <p><strong>jQuery</strong></p>
  
  <pre><code>$('.nav-pills').on('click', function() {
     if($('#show_table').hasClass('active')) {
         $('.bottomWrapperTable').find('.graph').each(function() {
             $(this).highcharts().reflow();
         });
     }
  });
  </code></pre>
  
  <p>This solution has not solved it.</p>
  
  <p>Any help appreciated.</p>