एक ही पृष्ठ पर एकाधिक हाईचार्ट्स - हाईचार्ट्स, हाईस्टॉक

मैं पृष्ठ के शीर्ष पर HighCharts को शामिल करके पृष्ठ पर कई चार्ट लोड करने का प्रयास कर रहा हूं। अब जब मैं पृष्ठ को लोड करने का प्रयास करता हूं तो मुझे निम्नलिखित त्रुटि मिलती है

यहाँ स्टैक ट्रेस है। अनकैप्ड टाइपर: अपरिभाषित एक फ़ंक्शन नहीं है highcharts.src.jsx: 6707।

मेरा इनपुट JSON अच्छी तरह से बनाया गया है, मैंने उसी JSON I "को jsfiddle पर HighCharts में पास करने की नकल करते हुए कॉपी करने की कोशिश की और मुझे वही त्रुटि मिली

highcharts.js
http://jsfiddle.net/arjunbadarinath/GDBUL/1

क्या आप मुझे बता सकते हैं कि मैं इस त्रुटि को क्यों देख रहा हूं?

उत्तर:

Highcharts से पहले jQuery को लोड करने की आवश्यकता होती है।

एक बार जब आप ऐसा करते हैं कि यह ठीक काम करता है। अपनी बेला में, बाईं ओर स्थित ड्रॉप-डाउन से jQuery का चयन करें, जहां वह वर्तमान में कहता है No-Library (pure JS) और फिडेल, वॉइला चलाएं, यह काम करता है! ;)

मैं jQuery सीडीएन (जैसे Google) का उपयोग करने की सलाह देता हूं कि ब्राउज़र कैश्ड jQuery का लाभ उठाने के लिए jQuery लोड करें। ऐसा करें:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>