javascript - atscript - स्क्रिप्टिंग भाषा
जावास्क्रिप्ट हाईचर्च के लिए फ्रॉन्स जेसन को कैसे निकालना है? (2)
इसे आप ब्राउजर नियंत्रण में आज़माएं, आप पार्स किए गए परिणाम देख सकते हैं, तो आप इसे प्रोजेक्ट में इस्तेमाल कर सकते हैं
JSON.parse("{\"0\":{\"index\":23,\"indicator\":\"ClassC Time\",\"month\":201611,\"ww\":201648,\"test_time\":0.0,\"p\":48.0,\"Product\":\"RB\"},\"1\":{\"index\":24,\"indicator\":\"ClassC\",\"month\":201612,\"ww\":201649,\"test_time\":47.48,\"p\":48.0,\"Product\":\"RB\"}}")
यह मेरी json फ़ाइल का हिस्सा है और डेटा में यह बेकार प्रतीक '' \ ' ... है ...:
"{\"0\":{\"index\":23,\"indicator\":\"ClassC Time\",\"month\":201611,\"ww\":201648,\"test_time\":0.0,\"p\":48.0,\"Product\":\"RB\"},\"1\":{\"index\":24,\"indicator\":\"ClassC\",\"month\":201612,\"ww\":201649,\"test_time\":47.48,\"p\":48.0,\"Product\":\"RB\"}
हाईचर्च बनाने के लिए नीचे मेरा जावास्क्रिप्ट कोड है:
<script type='text/javascript'>
$(document).ready(function() {
var options = {
chart: {type: 'line',height: 250,},
title: {text: 'Sky'},
subtitle: {text: 'May 11, 2016'},
xAxis: {categories: ['9:30 am', '10:00 am', '10:30 am', '11:00am', '11:30 am', '12:00 pm','12:30 pm', '1:00 pm', '1:30 pm', '2:00 pm', '2:30 pm','3:00 pm', '3:30 pm', '4:00 pm'],
labels: {step: 3}},
legend: {enabled: false},
series: [{
name: 'Nasdaq',
color: '#4572A7',
data: [2606.01, 2622.08, 2636.03, 2637.78, 2639.15, 2637.09,
2633.38, 2632.23, 2632.33, 2632.59, 2630.34, 2626.89, 2624.59, 2615.98
]}]};$('#container').highcharts(options);});</script>
$ JJSON को मेरे जावास्क्रिप्ट में शामिल करने के लिए कैसे उपयोग किया जा सकता है? मैं JSON द्वारा डेटा प्राप्त करने के लिए उच्चचर्च का पालन करने का प्रयास करता हूं ? लेकिन मुझे पता नहीं क्यों मेरा एचटीएमएल पेज एक रिक्त पृष्ठ है, किसी भी चार्ट को सक्षम नहीं है ...
श्रृंखला में अपनी JSON फ़ाइल जोड़ें
Highcharts.chart('container', {
title: {
text: 'Solar Employment Growth by Sector, 2010-2016'
},
subtitle: {
text: 'Source: thesolarfoundation.com'
},
yAxis: {
title: {
text: 'Number of Employees'
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle'
},
plotOptions: {
series: {
pointStart: 2010
}
},
series: [{
name: 'Installation',
data: [43934, 52503, 57177, 69658, 97031, 119931, 137133, 154175]
}, {
name: 'Manufacturing',
data: [24916, 24064, 29742, 29851, 32490, 30282, 38121, 40434]
}, {
name: 'Sales & Distribution',
data: [11744, 17722, 16005, 19771, 20185, 24377, 32147, 39387]
}, {
name: 'Project Development',
data: [null, null, 7988, 12169, 15112, 22452, 34400, 34227]
}, {
name: 'Other',
data: [12908, 5948, 8105, 11248, 8989, 11816, 18274, 18111]
}]
});