मैं अपनी साइट पर एक ग्राफ़ जोड़ने के लिए उच्चकों का उपयोग करने का प्रयास कर रहा हूं। हालाँकि, मैं json के लिए एक नया हूँ और मुझे फ़ाइल लोड करने में समस्या हो रही है।
यहां कोड है: http://jsfiddle.net/czNn2/9/
"ग्राफ-डेटा- array2.json" में शामिल हैं:
[{
name: "Asia",
data: [502, 635, 809, 947, 1402, 3634, 5268]
}, {
name: "Africa",
data: [106, 107, 111, 133, 221, 767, 1766]
}, {
name: "Europe",
data: [163, 203, 276, 408, 547, 729, 628]
}, {
name: "America",
data: [18, 31, 54, 156, 339, 818, 1201]
}, {
name: "Oceania",
data: [2, 2, 2, 6, 13, 30, 46]
}]
जब मैं इसे अपनी साइट पर चलाता हूं, तो कंसोल और उस क्षेत्र पर कोई त्रुटि नहीं है जहां ग्राफ होना चाहिए। मैं इस पूर्व प्रश्न के दूसरे उत्तर से सलाह का पालन कर रहा हूं: एक वेबसाइट के लिए 100% स्टैक्ड एरिया ग्राफ बनाना
मैंने एक json फ़ाइल बनाने की भी कोशिश की:
[
["Price", "Us", "You"],
[0,0.5,0.5],
[1,0.5,0.5],
[2,0.5,0.5]
]
लेकिन यह भी काम नहीं किया। इस स्थिति में मुझे कंसोल में एक त्रुटि मिली "अनचेक हाइचर्स त्रुटि # 13"
उत्तर:
उत्तर № 1 के लिए 1बस यह सुनिश्चित करने के लिए (क्योंकि मैंने आपके कोड में इसे नहीं देखा था), अपने चार्ट को अपने में जोड़ें <div id="container-chart" />
.
आप चार्ट विकल्पों में एक संपत्ति जोड़कर ऐसा कर सकते हैं:
chart: {
renderTo: container-chart,
height: 400
},
स्रोत: http://api.highcharts.com/highcharts#chart.renderTo
या jQuery का उपयोग करें:
$("#container").highcharts({
संपादित करें: आपको पता चलता है कि "आप जिस आईडी का उपयोग कर रहे हैं उसकी आईडी में एक हाइपेन का उपयोग नहीं कर सकते हैं"। आपका जसन ठीक लगता है। यहाँ एक अद्यतन काम कर रहे बेला है: http://jsfiddle.net/czNn2/5
जवाब के लिए 0 № 2
समस्या क्रॉस डोमेन समस्या के साथ है, क्योंकि आप अन्य डोमेन के साथ json लोड करने का प्रयास करते हैं। समाधान JSONP का उपयोग कर सकता है।