Highcharts不起作用

所以我想用HighCharts.js庫來創建一個圖表。這裏是我的代碼：Highcharts不起作用

<html> 
<head> 
    <script src="jquery.min.js"></script> 
    <script src="highcharts.js"></script> 
    <script type="text/javascript"> 
    $(document).ready(function() { 
     var chart1 = new Highcharts.Chart({ 
      chart: { renderTo: 'container', type: 'bar' }, 
      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]} ] 
     }); 
    }); 
    </script> 
</head> 
<body> 
<div id="container" style="width:100%; height:400px;"> 

</div> 
</body> 
</html>

我試圖在我的瀏覽器中運行這個，沒有任何反應。有人能告訴我我做錯了什麼嗎？謝謝

來源

2013-02-16 Chad

你的樣式看起來是鏈接到一個JavaScript文件 – 2013-02-16 23:11:11

嘗試打開發展控制檯（F12爲IE> = 9和Chrome，'Web開發 - > Firefox的Web控制檯），看看你是否看到任何錯誤。 – 2013-02-16 23:15:01

好的。我修復了您提出的所有錯誤，並打開了開發者控制檯。它這樣說：Uncaught SyntaxError：意外的令牌非法的 – Chad 2013-02-16 23:55:11

這是直接從HighCharts演示頁面。

亞歷克斯W是正確的，你引用不正確的主題是可選的。主題實際上是一個JS文件，但您需要使用腳本語法。

<script type="text/javascript" src="/js/themes/gray.js"></script>

我會檢查你的控制檯，以確保你正在加載所有的腳本。您的路徑可能對highcharts.js文件不正確。

來源

2013-02-16 23:15:36

這發生在我身上來，但我解決了使用此：

#### This code is HighChart image #### 
<script src="http://code.highcharts.com/highcharts.js"></script> 
<script src="http://code.highcharts.com/modules/exporting.js"></script> 

##### To show High Chart Code #### 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

如果這不起作用嘗試保存jquery.min.js，highchart.js和exporting.js在文件中。

如果您需要更多的幫助，在這裏試試這個：

http://stackoverflow.com/questions/19983869/issue-having-blank-graphic-in-highchart-script

來源

2014-01-28 16:58:26

Highcharts不起作用

回答

相關問題