2014-02-14 60 views
0

我有這個代碼,其中的例子運行完美,但如果我打開Chrome控制檯它總是會引發高圖錯誤#16,有誰知道爲什麼?HighCharts總是拋出錯誤#16

<script src="http://code.highcharts.com/highcharts.js"></script> 


<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div> 

<script type="text/javascript"> 

$(function() { 
    var chart; 
    $(document).ready(function() { 
     chart = new Highcharts.Chart({ 
      "exporting":{"enabled":true}, 
      "title":{"text":"Fruit Consumption"}, 

      "xAxis":{"categories":["Apples","Bananas","Oranges"]}, 
      "yAxis":{"title":{"text":"Fruit eaten"}}, 
      "series":[{"name":"Jane","data":[1,0,4]},{"name":"John","data":[5,7,3]}], 
      chart:{renderTo:'container'} 
     }); 
    }); 

}); 

</script> 
+0

我正在使用鉻,我沒有看到該錯誤http://jsfiddle.net/ginovva320/6UuS3/。你有其他可能會干擾的代碼嗎? –

+0

錯誤與描述中完全相同:http://www.highcharts.com/errors/16 - 確保您只包含highcharts.js一次。 –

+0

@PawełFushighcharts只有一次,因爲我測試它是如何工作的,所以我使用該代碼準備了一個視圖。它可能是另一個問題,如jQuery js,或另一個js,使我的應用程序中的問題? –

回答

1

看起來像是在HTML正文中加載Highcharts.js。如果您查看安裝文檔,它說在<head></head>標籤中加載腳本。我也有同樣的問題,因爲你讓我在一個破發點扔在上述意見中引用的行:

windows.Highcharts = windows.Highcharts ? error(16, true) : {}; 

我發現那是什麼斷點將兩次破發。在瀏覽器解析期間第一次觸發Highcharts.js將建立Highcharts命名空間。下一次,它會引發錯誤#16。這隻會在我在Html頁面的末尾加載腳本時發生,這是爲了改進我們網站上JavaScript加載的性能而努力的一部分。把它放回頭部可以消除這個問題。我不確定是否有解決方法。仍在研究它。