title: chart not display inside a bootstrap-modal
body: <p>I want to show a chart in a bootstrap modal. Codes here:
    but it doesn't work, chart not display. How to fix that?</p>
  
  <hr>
  
  <pre><code>&lt;div id="myModel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"&gt;
  
      &lt;div id="chart1" style="height:300px; width:600px;"&gt;&lt;/div&gt;
  
  &lt;/div&gt;&lt;!-- /.modal --&gt;
  </code></pre>
  
  <hr>
  
  <pre><code>&lt;script class="code" type="text/javascript"&gt;
  $(document).ready(function(){
    var line1=[['23-May-08', 578.55], ['20-Jun-08', 566.5], ['25-Jul-08', 480.88], ['22-Aug-08', 509.84];
    var plot1 = $.jqplot('chart1', [line1], {
        title:'Data Point Highlighting',
        axes:{
          xaxis:{
            renderer:$.jqplot.DateAxisRenderer,
            tickOptions:{
              formatString:'%b&amp;nbsp;%#d'
            } 
          },
          yaxis:{
            tickOptions:{
              formatString:'$%.2f'
              }
          }
    });
    $('#myModal').bind('shown',function() {
      plot1.replot();
    });
  });
  &lt;/script&gt;
  </code></pre>
  
  <hr>
  
  <p>#button type="button" class="btn btn-primary btn-lg active" data-toggle="modal" data-target="#myModel">Draw