找不到 Highcharts renderTo 容器（错误 13）

Question

我收到错误 13（renderTo/container 未找到）in this plunk 但容器 div 存在，知道为什么我收到此错误吗？

HTML:

<div id="container"></div>

Javascript:

(function ($) {

  var chart = new Highcharts.Chart({             
        chart: {
            renderTo: 'container',
            type: 'line'
      }
      ,xAxis: {
          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
          'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
       },
      series: [{
          name: 'Tokyo',
          data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
          }, {
              name: 'London',
              data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
       }]
  });

 }(jQuery));

Answer 1

You need to use jquery ready function:
$(document).ready(function() {
  ......
}

Answer 2

要么使用 jquery 就绪函数，要么将 body 标记末尾名为 app.js 的脚本移动到 'container' 呈现为 [=14] 后执行的脚本=] 并且 Highchart 能够在 DOM.

中找到它

找不到 Highcharts renderTo 容器（错误 13）

Highcharts renderTo container not found (error 13)

highcharts