2016-09-16 21 views
0

ではありません私は現在Highchartsで働いていますし、それは私のコンソールでこのエラーを与え続け:Uncaught TypeError: $(...).highcharts is not a function

私は周りに検索しました

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="http://code.highcharts.com/highcharts.js"></script> 
<script src="http://code.highcharts.com/modules/exporting.js"></script> 

しかし、それはまだ私にそのエラーを与え続け:ソリューションとすべては、あなたがこのようなHighChartsスクリプト上jqueryのスクリプトを配置する必要があると言っています。 jqueryバージョンのためにできますか?ここで

私のコードです:

HTML:

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

JS:

$(function() { 
      $('#container').highcharts({ 
       chart: { 
        type: 'line' 
       }, 
       title: { 
        text: 'Monthly Average Temperature' 
       }, 
       subtitle: { 
        text: 'Source: WorldClimate.com' 
       }, 
       xAxis: { 
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
       }, 
       yAxis: { 
        title: { 
         text: 'Temperature (°C)' 
        } 
       }, 
       plotOptions: { 
        line: { 
         dataLabels: { 
          enabled: true 
         }, 
         enableMouseTracking: false 
        } 
       }, 
       series: [{ 
        name: 'Tokyo', 
        data: [7.0, 6.9, 9.5, 14.5, 18.4, 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] 
     }] 
      }); 
     }); 

私は見ていないよ何かはありますか?

ありがとうございました!

+0

すべてのファイルが正しく読み込まれていることを確認してください – brk

答えて

0

解決策が見つかりました!

かなりシンプルでした。私はFoundation 6の基本テンプレートを使用しています。クローズ</body>タグの前にこのスクリプトタグ<script src="bower_components/jquery/dist/jquery.js"></script>がありました。削除してもエラーはありません。私の側からちょうど悪い間違い。

楽しい一日を!

+1

次回は、https://en.wikipedia.org/wiki/Rubber_duck_debugging – Weedoze

関連する問題