2013-04-01 35 views
12

मैं 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 नहीं बनाया है आईडी कंटेनर के साथ .. जहां मैं गलत हो गया था .. जेएस फाइलों को गलत रखने के लिए बहुत ऑर्डर .. .. इस समस्या को कैसे हल करें ..?

<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> 
+1

जहां आप 'buildHighCharts() 'कह रहे हैं? – epascarello

+0

ने स्क्रिप्ट को अपडेट किया है ... फ़ंक्शन कॉलिंग के साथ .. – sakar

+0

यह संभवतः आप जिस समस्या को देख रहे हैं उसे बनाने की संभावना नहीं है - लेकिन आपको इसे घोषित करने से पहले वास्तव में फ़ंक्शन को कॉल नहीं करना चाहिए। –

उत्तर

2

आप पेज पर इसे जोड़ने से पहले हाईचार्ट्स का उपयोग कर रहे हैं। इसमें पहले आने की जरूरत है!

+1

त्वरित उत्तर epascarello..i के लिए धन्यवाद पहले से ही ऐसा करने की कोशिश की गई थी, लेकिन मैं इसे हल करने में सक्षम नहीं हूं .. – sakar

+0

बस एक बार त्रुटि जांच को अपडेट किया गया .. – sakar

+0

तो आपने टैग को हाईचर्ट्स() के साथ स्क्रिप्ट टैग के सामने ले जाया। क्या आपने यह सुनिश्चित करने के लिए कैस को साफ़ किया था कि आपके पास सही कोड था। क्या आप वाकई पेज पर हाईचार्ट्स जेएस हैं? – epascarello

7

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> 
+0

आपके श्वास के लिए धन्यवाद मैट .. हालांकि मुझे समस्या हो रही है..इसलिए मैंने 'ऑर्डर' शब्द का उपयोग क्यों किया – sakar

+0

बस एक बार कोड चेक अपडेट किया गया .. – sakar

+4

जो आप खो रहे हैं वह वास्तव में सरल है: 1. 2. अन्यथा आपके पास jquery से पहले उच्चतर लोड किए जा रहे हैं जो उपर्युक्त समस्या का कारण बनता है। उच्चतर से पहले पेज में पहले jquery लोड किया जाना चाहिए –

संबंधित मुद्दे