title: morris.js chart doesn't work on production server
body: <p>I have this <code>morris.js</code> chart which I populated with random values (the ones provided in the exemple). Whereas it renders perfectly in <code>localhost</code>, once I upload on the production server it no longer works.</p>
  
  <h2>Set up</h2>
  
  <p><strong>JS code</strong></p>
  
  <pre><code>new Morris.Line({
          element: 'daily-chart',
          data: [
              { y: '2006', a: 100, b: 90 },
              { y: '2007', a: 75,  b: 65 },
              { y: '2008', a: 50,  b: 40 },
              { y: '2009', a: 75,  b: 65 },
              { y: '2010', a: 50,  b: 40 },
              { y: '2011', a: 75,  b: 65 },
              { y: '2012', a: 100, b: 90 }
          ],
          xkey: 'y',
          ykeys: ['a', 'b'],
          labels: ['Series A', 'Series B']
  });
  </code></pre>
  
  <p><strong>HTML code</strong></p>
  
  <pre><code>&lt;div id="daily-chart" style="height: 350px; width: 1000px"&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <h2>Rendering</h2>
  
  <p><strong>In Chrome/Opera</strong></p>
  
  <p>Despite the <code>width</code> and <code>height</code> set up in the <code>#daily-chart</code> <code>&lt;div&gt;</code>, the dimensions are not set up properly. I only see one part of the chart, the rest being hidden. It's about 50px width despite of <code>&lt;div id="daily-chart" style="height: 350px; width: 1000px"&gt;</code>.</p>
  
  <p><strong>In Firefox</strong></p>
  
  <p>The script gets busy or does not respond at all. I get the following message : <code>A script on this page may be busy, or it may have stopped responding. You can stop the script now, or you can continue to see if the script will complete.</code> with <code>Continue|Stop script</code> choices and the browser freezes. It states that the line is the <code>1164</code> which is a while condition :</p>
  
  <pre><code>while ((t = d.getTime()) &lt;= dmax) { // &lt;-- 1164 line
    if (t &gt;= dmin) {
      ret.push([spec.fmt(d), t]);
    }
    spec.incr(d);
  }
  </code></pre>
  
  <p>No errors in console or whatsoever except when I stop the script where I get :</p>
  
  <pre><code>Error: Script terminated by timeout at:
  Morris.labelSeries@https://&lt;url&gt;/js/uncompressed/morris.js:1164:1
  Morris.Line&lt;/Line.prototype.drawXAxis@https://&lt;url&gt;/js/uncompressed/morris.js:930:11
  Morris.Line&lt;/Line.prototype.draw@https://&lt;url&gt;/js/uncompressed/morris.js:890:9
  Morris.Grid&lt;/Grid.prototype.redraw@https://&lt;url&gt;/js/uncompressed/morris.js:472:9
  Morris.Grid&lt;/Grid.prototype.setData@https://&lt;url&gt;/js/uncompressed/morris.js:338:9
  Grid@https://&lt;url&gt;/js/uncompressed/morris.js:102:7
  Line@https://&lt;url&gt;/js/uncompressed/morris.js:726:7
  Line@https://&lt;url&gt;/js/uncompressed/morris.js:724:9
  @https://&lt;url&gt;/&lt;path/to/webpage&gt;:1171:9
  </code></pre>
  
  <h2>Other specs</h2>
  
  <p>The production server uses an HTTPS protocol and PHP version (don't think this is related at all) is <code>5.4.29</code> on dev and <code>5.4.30</code> on prod. As far as I know, these are the only differences.</p>
  
  <hr>
  
  <p>What is causing the issue?</p>