title: Morris line chart Empty
body: <p>I have this weird problem at displaying Morris line chart.
  It only displays data when I let the revenue-chart at the same page.
  When I erase the block of revenue-chart, the line chart gets empty.
  These are the codes before and after:</p>
  
  <p>Functional:</p>
  
  <pre><code>&lt;section class="content"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-md-6"&gt;
        &lt;div class="box box-primary"&gt;
          &lt;div class="box-header with-border"&gt;
            &lt;h3 class="box-title"&gt;Area Chart&lt;/h3&gt;
            &lt;div class="box-tools pull-right"&gt;
              &lt;button type="button" class="btn btn-box-tool" data-widget="collapse"&gt;&lt;i class="fa fa-minus"&gt;&lt;/i&gt;
              &lt;/button&gt;
              &lt;button type="button" class="btn btn-box-tool" data-widget="remove"&gt;&lt;i class="fa fa-times"&gt;&lt;/i&gt;&lt;/button&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="box-body chart-responsive"&gt;
            &lt;div class="chart" id="revenue-chart" style="height: 300px;"&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="col-md-6"&gt;
        &lt;div class="box box-primary"&gt;
          &lt;div class="box-header with-border"&gt;
            &lt;h3 class="box-title"&gt;Line Chart&lt;/h3&gt;
            &lt;div class="box-tools pull-right"&gt;
              &lt;button type="button" class="btn btn-box-tool" data-widget="collapse"&gt;&lt;i class="fa fa-minus"&gt;&lt;/i&gt;
              &lt;/button&gt;
              &lt;button type="button" class="btn btn-box-tool" data-widget="remove"&gt;&lt;i class="fa fa-times"&gt;&lt;/i&gt;&lt;/button&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="box-body chart-responsive"&gt;
            &lt;div class="chart" id="line-chart" style="height: 300px;"&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>Error:</p>
  
  <pre><code>&lt;section class="content"&gt;
    &lt;div class="row"&gt;
  
      &lt;div class="col-md-6"&gt;
        &lt;div class="box box-primary"&gt;
          &lt;div class="box-header with-border"&gt;
            &lt;h3 class="box-title"&gt;Line Chart&lt;/h3&gt;
            &lt;div class="box-tools pull-right"&gt;
              &lt;button type="button" class="btn btn-box-tool" data-widget="collapse"&gt;&lt;i class="fa fa-minus"&gt;&lt;/i&gt;
              &lt;/button&gt;
              &lt;button type="button" class="btn btn-box-tool" data-widget="remove"&gt;&lt;i class="fa fa-times"&gt;&lt;/i&gt;&lt;/button&gt;
            &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="box-body chart-responsive"&gt;
            &lt;div class="chart" id="line-chart" style="height: 300px;"&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>