類型錯誤：$（...）highcharts不

我已經包括了jQuery_1.8.2 js文件，然後包括在此代碼，但IAM得到錯誤的功能..

TypeError: $(...).highcharts is not a function [Break On This Error]

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]

我剛剛創建一個div與id容器..我錯了..任何順序放置js文件錯誤..？如何解決這個問題..？

<script> 
     buildHighCharts(); 
     function buildHighCharts(){ 
       $('#container').highcharts({ 
        chart: { 
         type: 'line', 
         marginRight: 130, 
         marginBottom: 25 
        }, 
        title: { 
         text: 'Monthly Average Temperature', 
         x: -20 //center 
        }, 
        subtitle: { 
         text: 'Source: WorldClimate.com', 
         x: -20 
        }, 
        xAxis: { 
         categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
          'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
        }, 
        yAxis: { 
         title: { 
          text: 'Temperature (°C)' 
         }, 
         plotLines: [{ 
          value: 0, 
          width: 1, 
          color: '#808080' 
         }] 
        }, 
        tooltip: { 
         valueSuffix: '°C' 
        }, 
        legend: { 
         layout: 'vertical', 
         align: 'right', 
         verticalAlign: 'top', 
         x: -10, 
         y: 100, 
         borderWidth: 0 
        }, 
        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] 
        }] 
       }); 
      } 
      </script> 

      <script type="text/javascript" src="js/highcharts1/highcharts-2.3.5.js"></script> 
      <script type="text/javascript" src="js/highcharts1/modules/exporting-2.3.5.js"></script>

來源

2013-04-01 sakar

你在哪裏調用'buildHighCharts（）'？ – epascarello

剛剛更新腳本..與函數調用.. – sakar

這不可能創建你所看到的問題 - 但你真的不應該在聲明它之前調用該函數。 –

在將其添加到頁面之前，您正在使用highcharts。包括需要前來！

來源

2013-04-01 14:16:10 epascarello

感謝您的快速回復epascarello ..我已經嘗試過，但iam無法解決它.. – sakar

只更新了錯誤檢查一次.. – sakar

所以你移動標籤與buildHighCharts（）前的腳本標籤。你是否清除了這個cahce以確保你有正確的代碼。你確定頁面上有高點js嗎？ – epascarello

any order of placing js files wrong..?

是的。您的高圖設置代碼需要之後加載高圖譜庫的腳本標記。

<script type="text/javascript" src="js/highcharts1/highcharts-2.3.5.js"></script> 
<script type="text/javascript" src="js/highcharts1/modules/exporting-2.3.5.js"></script> 
<script> 
    function buildHighCharts(){ ... } 
</script>

來源

2013-04-01 14:16:21

謝謝你的迴應Matt..even儘管iam得到了問題..爲什麼我用'訂單'這個詞 – sakar

只是更新代碼檢查一次.. – sakar

你缺少的東西很簡單：1. 2. 否則，您將在jquery之前首先加載highcharts，導致上述問題。在高層圖之前，jquery應該先在頁面中加載 –

類型錯誤：$（...）highcharts不

回答

相關問題