title: Highcharts won't display in Chrome App
body: <p>I am trying to embed a chart from highcharts.com (using <code>jquery</code>). The graphs works fine if I just open <code>windows.html</code> in chrome itself, but it will not load in my chrome app. Just a blank screen. I have all the standard .js files in the folder, but didn't include them here.</p>
  
  <p>I started with the example here:
  <a href="https://developer.chrome.com/apps/first_app" rel="nofollow">https://developer.chrome.com/apps/first_app</a></p>
  
  <p>background.js</p>
  
  <pre><code>chrome.app.runtime.onLaunched.addListener(function() {
    chrome.app.window.create('window.html', {
      'bounds': {
        'width': 400,
        'height': 500
      }
    });
  });
  </code></pre>
  
  <p>manifest file:</p>
  
  <pre><code>{
    "name": "Hello World!",
    "description": "My first Chrome App.",
    "version": "0.1",
    "manifest_version": 2,
    "app": {
      "background": {
        "scripts": ["background.js"]
      }
    },
    "icons": { "16": "calculator-16.png", "128": "calculator-128.png" }
  }
  </code></pre>
  
  <p>window.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;
          &lt;title&gt;Highcharts Example&lt;/title&gt;
  
          &lt;script type="text/javascript" src="jquery.min.js"&gt;&lt;/script&gt;
          &lt;style type="text/css"&gt;
  ${demo.css}
          &lt;/style&gt;
          &lt;script type="text/javascript"&gt;
  $(function () {
      $(document).ready(function () {
          Highcharts.setOptions({
              global: {
                  useUTC: false
              }
          });
  
          $('#container').highcharts({
              chart: {
                  type: 'spline',
                  animation: Highcharts.svg, // don't animate in old IE
                  marginRight: 10,
                  events: {
                      load: function () {
  
                          // set up the updating of the chart each second
                          var series = this.series[0];
                          setInterval(function () {
                              var x = (new Date()).getTime(), // current time
                                  y = Math.random();
                              series.addPoint([x, y], true, true);
                          }, 1000);
                      }
                  }
              },
              title: {
                  text: 'Live random data'
              },
              xAxis: {
                  type: 'datetime',
                  tickPixelInterval: 150
              },
              yAxis: {
                  title: {
                      text: 'Value'
                  },
                  plotLines: [{
                      value: 0,
                      width: 1,
                      color: '#808080'
                  }]
              },
              tooltip: {
                  formatter: function () {
                      return '&lt;b&gt;' + this.series.name + '&lt;/b&gt;&lt;br/&gt;' +
                          Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', this.x) + '&lt;br/&gt;' +
                          Highcharts.numberFormat(this.y, 2);
                  }
              },
              legend: {
                  enabled: false
              },
              exporting: {
                  enabled: false
              },
              series: [{
                  name: 'Random data',
                  data: (function () {
                      // generate an array of random data
                      var data = [],
                          time = (new Date()).getTime(),
                          i;
  
                      for (i = -19; i &lt;= 0; i += 1) {
                          data.push({
                              x: time + i * 1000,
                              y: Math.random()
                          });
                      }
                      return data;
                  }())
              }]
          });
      });
  });
          &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;script src="highcharts.js"&gt;&lt;/script&gt;
      &lt;script src="exporting.js"&gt;&lt;/script&gt;
  
      &lt;div id="container" style="min-width: 200px; height: 200px; margin: 0 auto"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>