2012-07-14 18 views
5

मैं स्थानीय स्तर पर इस jsFiddle में एक ही कोड को चलाने के लिए कोशिश कर रहा हूँ, लेकिन मैं फ़ायरबग से त्रुटि मिलीHighcharts न आया हुआ अपवाद

uncaught exception: Highcharts error #13: www.highcharts.com/errors/13 

शामिल स्क्रिप्ट fiels:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript" src="http://highcharts.com/js/testing.js"></script> 
<script type="text/javascript" src="test.js"></script> // my js file 

एक ही बात यह jsFiddle के रूप में के लिए होता है कुंआ।

कोई भी जानता है कि ऐसा क्यों होता है?

EDIT: मुझे समस्या का कारण मिला है। दरअसल मुझे टैग को <div id="container"></div> टैग के बाद टैग करना होगा, अन्यथा बेजोड़ अपवाद दिखाया जाएगा, यहां तक ​​कि मैंने टैग <head> में रखा है। मैंने कभी भी स्क्रिप्ट फ़ाइल को <body> टैग में कभी नहीं रखा है, और यह पहली बार है जब मैं इस समस्या से मुलाकात की। क्या कोई मुझे समझा सकता है कि ऐसा क्यों होता है?

धन्यवाद

+0

क्रोम में इसे चलाएं, कोई त्रुटि पॉप अप नहीं हो रही है। – Duniyadnd

+1

मैंने जेएस फ़ाइल में '$ (दस्तावेज़) .ready' नहीं रखा, यही कारण है। फिर भी धन्यवाद! – sozhen

उत्तर

18

इसका मतलब है कि Highcharts भरी हुई है और config भरी हुई है, लेकिन renderTo विकल्प गलत है, या फिर पेज में कि आईडी के साथ कोई div है। Www.highcharts.com/errors/13 देखें।

+0

मुझे कारण मिला है। लेकिन एक बात मैं अभी भी उलझन में हूं, कृपया मेरा अद्यतन प्रश्न देखें। धन्यवाद! – sozhen

+2

कोई बात नहीं। मैंने अपनी जेएस फ़ाइल में '$ (दस्तावेज़) .ready' नहीं रखा और इसीलिए इसे 'div' टैग नहीं मिला। मेरा बीएडी ..... – sozhen

+1

उत्तर के लिए धन्यवाद लेकिन '$ (दस्तावेज़) जोड़ना .ready' मेरे लिए काम नहीं किया। अभी भी एक ही त्रुटि फेंकता है।क्या कोई भी –

2

तत्व/div आप चार्ट

लॉग का एक मानक सेट है कि मैं का निवारण करने के Highcharts त्रुटि # 13 हैं

 console.log("JSON: " + JSON.stringify(chartingOptions)); 
     console.log("Render to element with ID : " + chartingOptions.chart.renderTo); 
     console.log("Number of matching dom elements : " + $("#" + chartingOptions.chart.renderTo).length); 

ये सिर्फ जोड़ा जाना चाहिए करने के लिए प्रयोग करेंगे याद आ रही है रेंडर करने के लिए कोशिश कर रहे हैं Highcharts निर्माता

 chart = new Highcharts.Chart(chartingOptions); 

बुला सब कुछ ठीक है कि आप सही तत्व आईडी देखना चाहिए, और के रूप में 1.

लंबाई से पहले

Troubleshooting highcharts error # 13 | Highchart & Highstock @ jsFiddle

यहाँ लॉग कि ऊपर

JSON डेमो के लिए देखा जाता है: { "चार्ट": { "renderTo": "कंटेनर" ...}}
तत्व को प्रस्तुत आईडी के साथ: कंटेनर
मिलान डोम तत्वों की संख्या: 1

1

मुझे लगता है कि मैं जानता हूँ कि तुम क्यों div/div के बाद कि टैग जोड़ना चाहिए। यदि आप जेएसपी या किसी अन्य सर्वर-साइड स्टफ का उपयोग कर रहे हैं। आपको के बाद डिवी कंटेनर की घोषणा के बाद अपनी हाईचार्ट्स स्क्रिप्ट जोड़नी चाहिए ताकि यह आपके div की आईडी को पहचान सके और फिर इसे प्रस्तुत करने के लिए आगे बढ़ें। जैसा कि मैंने उदाहरण में किया था:

<head> 
    <title>HighCharts :D</title> 
    <script src="http://code.highcharts.com/highcharts.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
</head> 
<body> 
<div id="container" style="width: 600px; height: 400px; margin: 0 auto"> 
</div> 
<script type="text/javascript"> 
    var myChart = Highcharts.chart('container', { 
     chart: { 
      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> 
</body> 
संबंधित मुद्दे