खास जानकारी
स्टेप्ड एरिया चार्ट, जो SVG या VML का इस्तेमाल करके ब्राउज़र में रेंडर किया जाता है. कदमों के ऊपर माउस घुमाने पर सलाह दिखाता है.
एक आसान उदाहरण
<html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['corechart']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ ['Director (Year)', 'Rotten Tomatoes', 'IMDB'], ['Alfred Hitchcock (1935)', 8.4, 7.9], ['Ralph Thomas (1959)', 6.9, 6.5], ['Don Sharp (1978)', 6.5, 6.4], ['James Hawes (2008)', 4.4, 6.2] ]); var options = { title: 'The decline of \'The 39 Steps\'', vAxis: {title: 'Accumulated Rating'}, isStacked: true }; var chart = new google.visualization.SteppedAreaChart(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style="width: 900px; height: 500px;"></div> </body> </html>
कुछ सामान्य विकल्प
सभी Google चार्ट की तरह, सीढ़ीदार एरिया चार्ट में भी बहुत सारे विकल्प होते हैं, जो यहां दिखाए गए हैं. यहां एक उदाहरण दिया गया है, जिसमें सबसे आम तौर पर होने वाले विज्ञापनों में से कुछ को दिखाया गया है:
ऊपर दिए गए चार्ट में, हमने backgroundColor
से बैकग्राउंड का रंग बदला है, legend.position
के साथ लेजेंड को नीचे की ओर ले जाया है, connectSteps
को 'गलत' पर सेट करके वर्टिकल लाइन हटा दी हैं, और कलर को पसंद के मुताबिक बना सकते हैं. इसे इस तरह किया गया:
var options = { backgroundColor: '#ddd', legend: { position: 'bottom' }, connectSteps: false, colors: ['#4374E0', '#53A8FB', '#F1CA3A', '#E49307'], isStacked: true, };
स्टैक किए गए सीढ़ीनुमा एरिया चार्ट
स्टेप्ड एरिया चार्ट में 100% स्टैकिंग के साथ-साथ स्टैकिंग भी काम करती है. स्टैक्ड स्टेप्ड एरिया चार्ट, स्टेप्ड एरिया चार्ट होता है, जिसमें मिलती-जुलती वैल्यू को एक-दूसरे के ऊपर
रखा जाता है. अगर कोई नेगेटिव वैल्यू है, तो उसे चार्ट की बेसलाइन के नीचे उलटा क्रम में रखा जाता है. 100% स्टैकिंग के लिए, हर डोमेन-वैल्यू पर एलिमेंट के स्टैक को इस तरह से बदला जाता है कि
वे 100% तक जुड़ जाएं. इसके लिए विकल्प isStacked: 'percent'
हैं, जो हर वैल्यू को 100% के प्रतिशत के तौर पर फ़ॉर्मैट करते हैं. साथ ही, isStacked: 'relative'
हर वैल्यू को 1 के भिन्न के रूप में फ़ॉर्मैट करता है. आपके पास isStacked: 'absolute'
विकल्प भी है, जो
isStacked: true
की तरह काम करता है.
ध्यान दें कि दाईं ओर मौजूद 100% स्टैक किए गए चार्ट में, टिक की वैल्यू को 0-1 स्केल के आधार पर 1 के फ़्रैक्शन के तौर पर लिखा गया है.
var options_stacked = { isStacked: true, height: 300, legend: {position: 'top', maxLines: 3}, vAxis: {minValue: 0} };
var options_fullStacked = { isStacked: 'relative', height: 300, legend: {position: 'top', maxLines: 3}, vAxis: { minValue: 0, ticks: [0, .3, .6, .9, 1] } };
लोड हो रहा है
google.charts.load
पैकेज का नाम "corechart"
है.
google.charts.load("current", {packages: ["corechart"]});
विज़ुअलाइज़ेशन की क्लास का नाम google.visualization.SteppedAreaChart
है.
var visualization = new google.visualization.SteppedAreaChart(container);
डेटा फ़ॉर्मैट
पंक्तियां: टेबल की हर पंक्ति, बार का एक ग्रुप दिखाती है.
कॉलम:
कॉलम 0 | कॉलम 1 | ... | कॉलम N | |
---|---|---|---|---|
मकसद: | X-ऐक्सिस ग्रुप लेबल | इस ग्रुप में बार 1 की वैल्यू | ... | इस ग्रुप में बार N वैल्यू |
डेटा टाइप: | स्ट्रिंग | नंबर | ... | नंबर |
भूमिका: | डोमेन | डेटा | ... | डेटा |
कॉलम की वैकल्पिक भूमिकाएं: | ... |
कॉन्फ़िगरेशन के विकल्प
नाम | |
---|---|
aggregationTarget |
चुने गए एक से ज़्यादा डेटा को टूलटिप में कैसे रोल-अप किया जाता है:
aggregationTarget का इस्तेमाल अक्सर selectionMode
और tooltip.trigger के साथ किया जाएगा, जैसे:
var options = { // Allow multiple // simultaneous selections. selectionMode: 'multiple', // Trigger tooltips // on selections. tooltip: {trigger: 'selection'}, // Group selections // by x-value. aggregationTarget: 'category', }; Type: स्ट्रिंग
डिफ़ॉल्ट: 'अपने-आप'
|
animation.duration |
ऐनिमेशन की अवधि, मिलीसेकंड में. ज़्यादा जानकारी के लिए, ऐनिमेशन दस्तावेज़ देखें. टाइप: नंबर
डिफ़ॉल्ट: 0
|
animation.easing |
ऐनिमेशन पर ईज़िंग फ़ंक्शन लागू किया गया. ये विकल्प उपलब्ध हैं:
Type: स्ट्रिंग
डिफ़ॉल्ट: 'लीनियर'
|
animation.startup |
इससे तय होता है कि शुरुआती ड्रॉ पर चार्ट ऐनिमेट होगा या नहीं. अगर टाइप: बूलियन
डिफ़ॉल्ट गलत
|
areaOpacity |
चरण के नीचे के क्षेत्र की डिफ़ॉल्ट ओपैसिटी, जहां 0.0 पूरी तरह से पारदर्शी है और 1.0
पूरी तरह से ओपेक है. इससे सीढ़ीनुमा लाइन की ओपैसिटी पर असर नहीं पड़ता. सीढ़ीनुमा लाइन चार्ट पाने के लिए, इस वैल्यू को 0 पर सेट करें. किसी सीरीज़ के लिए ओपैसिटी तय करने के लिए, टाइप: संख्या, 0.0–1.0
डिफ़ॉल्ट: 0.3
|
axisTitlesPosition |
चार्ट एरिया की तुलना में ऐक्सिस के टाइटल कहां डालें. इस्तेमाल की जा सकने वाली वैल्यू:
Type: स्ट्रिंग
डिफ़ॉल्ट: 'आउट'
|
backgroundColor |
चार्ट के मुख्य हिस्से के लिए बैकग्राउंड का रंग. यह एक सामान्य एचटीएमएल कलर स्ट्रिंग हो सकती है,
जैसे: टाइप: स्ट्रिंग या ऑब्जेक्ट
डिफ़ॉल्ट: 'सफ़ेद'
|
backgroundColor.stroke |
एचटीएमएल कलर स्ट्रिंग के तौर पर, चार्ट के बॉर्डर का रंग. Type: स्ट्रिंग
डिफ़ॉल्ट: '#666'
|
backgroundColor.strokeWidth |
बॉर्डर की चौड़ाई, पिक्सल में. टाइप: नंबर
डिफ़ॉल्ट: 0
|
backgroundColor.fill |
एचटीएमएल कलर स्ट्रिंग के तौर पर, चार्ट में भरने वाला रंग. Type: स्ट्रिंग
डिफ़ॉल्ट: 'सफ़ेद'
|
chartArea |
चार्ट एरिया के प्लेसमेंट और साइज़ को कॉन्फ़िगर करने के लिए, सदस्यों वाला एक ऑब्जेक्ट (जहां चार्ट
खुद ड्रॉ किया जाता है). इसमें ऐक्सिस और लेजेंड शामिल नहीं हैं. दो फ़ॉर्मैट इस्तेमाल किए जा सकते हैं: कोई संख्या या संख्या के बाद %. सामान्य संख्या पिक्सल में वैल्यू होती है. पहले संख्या के बाद % का मतलब प्रतिशत होता है. उदाहरण: Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
chartArea.backgroundColor |
चार्ट क्षेत्र का बैकग्राउंड रंग. जब किसी स्ट्रिंग का इस्तेमाल किया जाता है, तो यह एक हेक्स स्ट्रिंग हो सकती है
(उदाहरण के लिए, '#fdc') या अंग्रेज़ी रंग का नाम. किसी ऑब्जेक्ट का इस्तेमाल करते समय, ये प्रॉपर्टी
दी जा सकती हैं:
टाइप: स्ट्रिंग या ऑब्जेक्ट
डिफ़ॉल्ट: 'सफ़ेद'
|
chartArea.left |
बाएं बॉर्डर से चार्ट को कितनी दूर तक खींचना है. टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
chartArea.top |
ऊपरी बॉर्डर से चार्ट को कितनी दूर तक खींचना है. टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
chartArea.width |
चार्ट एरिया की चौड़ाई. टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
chartArea.height |
चार्ट क्षेत्र की ऊंचाई. टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
कलर |
चार्ट के एलिमेंट के लिए इस्तेमाल किए जाने वाले रंग. स्ट्रिंग का कलेक्शन, जिसमें हर एलिमेंट एक एचटीएमएल कलर स्ट्रिंग है, जैसे: टाइप: स्ट्रिंग की कलेक्शन
डिफ़ॉल्ट: डिफ़ॉल्ट रंग
|
connectSteps |
अगर नीति को 'सही है' पर सेट किया जाता है, तो स्टेप्ड लाइन बनाने वाले चरणों को जोड़ेगा. अगर ऐसा नहीं है, तो सिर्फ़ सबसे ऊपर वाली लाइन दिखती है. डिफ़ॉल्ट रूप से, चरणों को कनेक्ट किया जाता है. टाइप: बूलियन
डिफ़ॉल्ट: सही
|
enableInteractivity |
चार्ट, उपयोगकर्ता-आधारित इवेंट दिखाता है या उपयोगकर्ता के इंटरैक्शन पर प्रतिक्रिया देता है. गलत होने पर, चार्ट 'चुनें' या इंटरैक्शन पर आधारित अन्य इवेंट नहीं दिखाएगा (लेकिन तैयार या गड़बड़ी वाले इवेंट दिखाएगा) और उपयोगकर्ता के इनपुट के आधार पर, होवर टेक्स्ट नहीं दिखाएगा या उसमें बदलाव नहीं करेगा. टाइप: बूलियन
डिफ़ॉल्ट: सही
|
focusTarget |
माउस होवर पर फ़ोकस पाने वाली इकाई का टाइप. इससे यह भी तय होता है कि माउस क्लिक से कौनसी इकाई चुनी जाती है और इवेंट से जुड़ा डेटा टेबल का कौनसा एलिमेंट. इनमें से कोई एक स्थिति हो सकती है:
फ़ोकस टारगेट 'कैटगरी' में टूलटिप में सभी कैटगरी की वैल्यू दिखती हैं. इससे, अलग-अलग सीरीज़ की वैल्यू की तुलना करने में मदद मिल सकती है. Type: स्ट्रिंग
डिफ़ॉल्ट: 'datum'
|
fontSize |
चार्ट में सभी टेक्स्ट का डिफ़ॉल्ट फ़ॉन्ट साइज़, पिक्सल में. खास चार्ट एलिमेंट के लिए प्रॉपर्टी का इस्तेमाल करके, इसे बदला जा सकता है. टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
fontName |
चार्ट में सभी टेक्स्ट के लिए डिफ़ॉल्ट फ़ॉन्ट फ़ेस. खास चार्ट एलिमेंट के लिए प्रॉपर्टी का इस्तेमाल करके, इसे बदला जा सकता है. Type: स्ट्रिंग
डिफ़ॉल्ट: 'राय'
|
forceIFrame |
चार्ट को किसी इनलाइन फ़्रेम के अंदर ड्रॉ करता है. ध्यान दें कि IE8 पर, इस विकल्प को अनदेखा किया जाता है. सभी IE8 चार्ट, i-फ़्रेम में बनाए जाते हैं. टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
hAxis |
हॉरिज़ॉन्टल ऐक्सिस के अलग-अलग एलिमेंट को कॉन्फ़िगर करने के लिए, सदस्यों वाला ऑब्जेक्ट. इस ऑब्जेक्ट की प्रॉपर्टी के बारे में बताने के लिए, ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल किया जा सकता है, जैसा कि यहां दिखाया गया है: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
hAxis.direction |
वह दिशा जिसमें हॉरिज़ॉन्टल ऐक्सिस पर वैल्यू बढ़ती हैं. वैल्यू का क्रम बदलने के लिए,
टाइप: 1 या -1
डिफ़ॉल्ट: 1
|
hAxis.textPosition |
चार्ट एरिया के हिसाब से हॉरिज़ॉन्टल ऐक्सिस टेक्स्ट की स्थिति. इस्तेमाल की जा सकने वाली वैल्यू: 'out', 'in', 'none'. Type: स्ट्रिंग
डिफ़ॉल्ट: 'आउट'
|
hAxis.textStyle |
ऐसा ऑब्जेक्ट जो हॉरिज़ॉन्टल ऐक्सिस टेक्स्ट स्टाइल के बारे में बताता है. ऑब्जेक्ट का प्रारूप ऐसा है: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Type: ऑब्जेक्ट
डिफ़ॉल्ट:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.ticks |
अपने-आप जनरेट होने वाले X-ऐक्सिस के टिक को, तय की गई श्रेणी से बदलता है. कलेक्शन का हर एलिमेंट या तो एक मान्य टिक वैल्यू (जैसे कि संख्या, तारीख, तारीख या समय का समय) या कोई ऑब्जेक्ट होना चाहिए. अगर यह एक ऑब्जेक्ट है, तो इसमें सही की वैल्यू के लिए
जब तक बदलावों को बदलने के लिए उदाहरण:
टाइप: एलिमेंट की कलेक्शन
डिफ़ॉल्ट: अपने-आप
|
hAxis.title |
Type: स्ट्रिंग
डिफ़ॉल्ट: शून्य
|
hAxis.titleTextStyle |
ऐसा ऑब्जेक्ट जो हॉरिज़ॉन्टल ऐक्सिस के टाइटल का टेक्स्ट स्टाइल बताता है. ऑब्जेक्ट का प्रारूप ऐसा है: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Type: ऑब्जेक्ट
डिफ़ॉल्ट:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
hAxis.allowContainerBoundaryTextCutoff |
गलत होने पर, चार्ट कंटेनर की मदद से उन्हें काटने के बजाय, बाहरी लेबल छिपा दिए जाएंगे. अगर सही है, तो लेबल को काटने की अनुमति दी जाएगी. टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
hAxis.slantedText |
अगर सही है, तो हॉरिज़ॉन्टल ऐक्सिस टेक्स्ट को किसी ऐंगल पर बनाएं, ताकि ऐक्सिस पर ज़्यादा टेक्स्ट फ़िट हो सके.
अगर गलत है, तो हॉरिज़ॉन्टल ऐक्सिस टेक्स्ट को ऊपर की ओर खींचें. डिफ़ॉल्ट तौर पर, टेक्स्ट को तिरछा करना होता है. ऐसा तब होता है, जब टेक्स्ट को ऊपर की ओर खींचने पर वह टेक्स्ट में फ़िट न हो. ध्यान दें कि यह विकल्प सिर्फ़ तब उपलब्ध होता है, जब
टाइप: बूलियन
डिफ़ॉल्ट: अपने-आप
|
hAxis.slantedTextAngle |
हॉरिज़ॉन्टल ऐक्सिस टेक्स्ट का कोण, अगर इसे तिरछा बनाया गया है. अगर टाइप: नंबर, -90 से 90
डिफ़ॉल्ट: 30
|
hAxis.maxAlternation |
हॉरिज़ॉन्टल ऐक्सिस टेक्स्ट के लेवल की ज़्यादा से ज़्यादा संख्या. अगर ऐक्सिस के टेक्स्ट लेबल में बहुत ज़्यादा भीड़ हो जाती है, तो सर्वर आस-पास के लेबल को ऊपर या नीचे की ओर ले जा सकता है, ताकि लेबल एक-दूसरे के करीब फ़िट हो सकें. इस वैल्यू से इस्तेमाल किए जाने वाले लेवल की ज़्यादा से ज़्यादा संख्या के बारे में पता चलता है. अगर लेबल ओवरलैप किए बिना फ़िट हो सकते हैं, तो सर्वर कम लेवल का इस्तेमाल कर सकता है. तारीखों और समय के लिए, डिफ़ॉल्ट वैल्यू 1 होती है. टाइप: नंबर
डिफ़ॉल्ट: 2
|
hAxis.maxTextLines |
टेक्स्ट लेबल के लिए तय लाइनों की ज़्यादा से ज़्यादा संख्या. अगर लेबल बहुत लंबी हैं, तो लेबल में कई लाइनें हो सकती हैं. साथ ही, लाइनों की संख्या डिफ़ॉल्ट रूप से उपलब्ध जगह की ऊंचाई के हिसाब से तय होती है. टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
hAxis.minTextSpacing |
दो पास के टेक्स्ट लेबल के बीच, पिक्सल में मंज़ूर किया गया कम से कम हॉरिज़ॉन्टल स्पेस. अगर लेबल बहुत ज़्यादा स्पेस में हों या वे ज़्यादा लंबे हों, तो स्पेस इस थ्रेशोल्ड से कम हो सकता है.ऐसे में, लेबल-अनक्लटरिंग का कोई एक तरीका लागू किया जाएगा (उदाहरण के लिए, लेबल को छोटा करना या उनमें से कुछ को छोड़ना). टाइप: नंबर
डिफ़ॉल्ट:
hAxis.textStyle.fontSize की वैल्यू |
hAxis.showTextEvery |
कितने हॉरिज़ॉन्टल ऐक्सिस लेबल दिखाने हैं, यहां 1 का मतलब है हर लेबल को दिखाना, 2 का मतलब है हर दूसरे लेबल को दिखाना वगैरह. डिफ़ॉल्ट तौर पर, बिना ओवरलैप किए ज़्यादा से ज़्यादा लेबल दिखाने की कोशिश की जाती है. टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
hAxis.viewWindow |
हॉरिज़ॉन्टल ऐक्सिस पर काटने की रेंज तय करता है. Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
hAxis.viewWindow.max |
शून्य पर आधारित पंक्ति का इंडेक्स, जहां क्रॉपिंग विंडो खत्म होती है. इस इंडेक्स और इससे ऊपर के डेटा पॉइंट
को काट दिया जाएगा.
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
hAxis.viewWindow.min |
शून्य पर आधारित पंक्ति का इंडेक्स, जहां से क्रॉप विंडो शुरू होती है. इससे कम इंडेक्स वाले डेटा पॉइंट
काट दिए जाएंगे.
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
ऊंचाई |
चार्ट की ऊंचाई, पिक्सल में. टाइप: नंबर
डिफ़ॉल्ट: शामिल एलिमेंट की ऊंचाई
|
isStacked |
अगर नीति को 'सही है' पर सेट किया जाता है, तो सभी सीरीज़ के एलिमेंट को हर डोमेन वैल्यू पर स्टैक किया जाता है. ध्यान दें: कॉलम, Area, और SteppedArea चार्ट में, Google Charts, सीरीज़ के एलिमेंट के स्टैकिंग के साथ लेजेंड आइटम को बेहतर तरीके से दिखाने के लिए लेजेंड आइटम के क्रम को उलट देता है (उदाहरण के लिए, सीरीज़ 0 सबसे नीचे वाला लेजेंड आइटम होगा). यह बार चार्ट पर लागू नहीं होता.
100% स्टैकिंग के मामले में, हर एलिमेंट की तय की गई वैल्यू, टूलटिप में उसकी असल वैल्यू के बाद दिखेगी.
टारगेट ऐक्सिस, डिफ़ॉल्ट रूप से
100% स्टैकिंग सिर्फ़ टाइप: बूलियन/स्ट्रिंग
डिफ़ॉल्ट: गलत
|
लेजेंड |
लेजेंड के अलग-अलग पहलुओं को कॉन्फ़िगर करने के लिए सदस्यों वाला ऑब्जेक्ट. इस ऑब्जेक्ट की प्रॉपर्टी के बारे में बताने के लिए, ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल किया जा सकता है, जैसा कि यहां दिखाया गया है: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
legend.alignment |
लेजेंड का अलाइनमेंट. इनमें से कोई एक चीज़ हो सकती है:
शुरुआती, बीच में, और आखिरी हिस्सा, लेजेंड की स्टाइल -- वर्टिकल या हॉरिज़ॉन्टल -- के हिसाब से होते हैं. उदाहरण के लिए, 'राइट' लेजेंड में, 'start' और 'end' क्रम से सबसे ऊपर और सबसे नीचे होते हैं. 'टॉप' लेजेंड के लिए, 'start' और 'end' एरिया के बाईं और दाईं ओर होगा. डिफ़ॉल्ट वैल्यू, लेजेंड की पोज़िशन पर निर्भर करती है. 'बॉटम' लेजेंड के लिए, डिफ़ॉल्ट वैल्यू 'center' होती है. अन्य लेजेंड की वैल्यू डिफ़ॉल्ट रूप से 'start' पर सेट होती है. Type: स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
legend.maxLines |
लेजेंड में लाइनों की ज़्यादा से ज़्यादा संख्या. अपने लेजेंड में लाइनें जोड़ने के लिए, इसे एक से बड़ी संख्या पर सेट करें. ध्यान दें: रेंडर की गई लाइनों की असल संख्या तय करने के लिए, इस्तेमाल किया जाने वाला सटीक लॉजिक अब भी फ़्लो में है. फ़िलहाल, यह विकल्प सिर्फ़ तब काम करता है, जब लेजेंड.पोज़िशन 'सबसे ऊपर' पर सेट हो. टाइप: नंबर
डिफ़ॉल्ट: 1
|
legend.position |
लेजेंड की स्थिति. इनमें से कोई एक चीज़ हो सकती है:
Type: स्ट्रिंग
डिफ़ॉल्ट: 'दायां'
|
legend.textStyle |
ऐसा ऑब्जेक्ट जो लेजेंड टेक्स्ट की स्टाइल के बारे में बताता है. ऑब्जेक्ट का प्रारूप ऐसा है: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Type: ऑब्जेक्ट
डिफ़ॉल्ट:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
lineDashStyle |
डैश वाली लाइनों के लिए, चालू और बंद होने वाला पैटर्न. उदाहरण के लिए, टाइप: संख्याओं की कलेक्शन
डिफ़ॉल्ट: शून्य
|
reverseCategories |
अगर नीति को 'सही है' पर सेट किया जाता है, तो सीरीज़ को दाईं से बाईं ओर दिखाया जाएगा. डिफ़ॉल्ट रूप से दाएँ-से-दाएं खींचना होता है. टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
selectionMode |
Type: स्ट्रिंग
डिफ़ॉल्ट: 'सिंगल'
|
शृंखला |
ऑब्जेक्ट का कलेक्शन, जिसमें हर चार्ट में उससे जुड़ी सीरीज़ के फ़ॉर्मैट की जानकारी दी गई है. किसी सीरीज़ में डिफ़ॉल्ट वैल्यू का इस्तेमाल करने के लिए, खाली ऑब्जेक्ट {} डालें. अगर कोई सीरीज़ या वैल्यू तय नहीं की गई है, तो ग्लोबल वैल्यू का इस्तेमाल किया जाएगा. हर ऑब्जेक्ट इन प्रॉपर्टी के साथ काम करता है:
आपके पास ऑब्जेक्ट की कैटगरी तय करने का विकल्प होता है. इनमें से हर कलेक्शन, दिए गए क्रम में सीरीज़ पर लागू होता है. इसके अलावा, हर चाइल्ड के पास संख्या वाली कुंजी हो, जिससे यह पता चल सके कि वह किस सीरीज़ पर लागू होती है. उदाहरण के लिए, नीचे दिए गए दो एलान एक जैसे हैं. इनमें पहली सीरीज़ को ब्लैक के तौर पर मार्क करके यह बताया जाता है कि वह लेजेंड में नहीं है और चौथे सीरीज़ को लेजेंड में लाल और 'मौजूद नहीं' के तौर पर दिखाया गया है: series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } टाइप: ऑब्जेक्ट की कैटगरी या नेस्ट किए गए ऑब्जेक्ट वाले ऑब्जेक्ट
डिफ़ॉल्ट: {}
|
थीम |
थीम, पहले से तय की गई विकल्प की वैल्यू का एक सेट होती है. ये वैल्यू, चार्ट के किसी खास व्यवहार या विज़ुअल इफ़ेक्ट को पाने के लिए एक साथ काम करती हैं. फ़िलहाल, सिर्फ़ एक थीम उपलब्ध है:
Type: स्ट्रिंग
डिफ़ॉल्ट: शून्य
|
title |
चार्ट के ऊपर दिखाया जाने वाला टेक्स्ट. Type: स्ट्रिंग
डिफ़ॉल्ट: कोई टाइटल नहीं
|
titlePosition |
चार्ट एरिया की तुलना में, चार्ट का टाइटल कहां डालना है. इस्तेमाल की जा सकने वाली वैल्यू:
Type: स्ट्रिंग
डिफ़ॉल्ट: 'आउट'
|
titleTextStyle |
यह ऐसा ऑब्जेक्ट है जो टाइटल के टेक्स्ट की स्टाइल के बारे में बताता है. ऑब्जेक्ट का प्रारूप ऐसा है: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Type: ऑब्जेक्ट
डिफ़ॉल्ट:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
टूलटिप |
एक ऑब्जेक्ट, जिसमें सदस्यों के साथ अलग-अलग टूलटिप एलिमेंट को कॉन्फ़िगर करने की सुविधा होती है. इस ऑब्जेक्ट की प्रॉपर्टी के बारे में बताने के लिए, ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल किया जा सकता है, जैसा कि यहां दिखाया गया है: {textStyle: {color: '#FF0000'}, showColorCode: true} Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
tooltip.ignoreBounds |
अगर इसे ध्यान दें: यह सिर्फ़ एचटीएमएल टूलटिप पर लागू होता है. अगर इसे SVG टूलटिप की मदद से चालू किया जाता है, तो चार्ट की सीमाओं के बाहर के किसी भी ओवरफ़्लो को काट दिया जाएगा. ज़्यादा जानकारी के लिए, टूलटिप के कॉन्टेंट को पसंद के मुताबिक बनाना देखें. टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
tooltip.isHtml |
अगर इसे 'सही है' पर सेट किया जाता है, तो SVG के रेंडर किए गए टूलटिप के बजाय, एचटीएमएल के रेंडर किए गए टूलटिप का इस्तेमाल करें. ज़्यादा जानकारी के लिए, टूलटिप के कॉन्टेंट को पसंद के मुताबिक बनाना देखें. ध्यान दें: टूलटिप कॉलम में डेटा की भूमिका के ज़रिए एचटीएमएल टूलटिप कॉन्टेंट को पसंद के मुताबिक बनाने की सुविधा, बबल चार्ट विज़ुअलाइज़ेशन के साथ काम नहीं करती. टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
tooltip.showColorCode |
अगर सही है, तो टूलटिप में सीरीज़ की जानकारी के बगल में रंगीन स्क्वेयर दिखाएं. अगर टाइप: बूलियन
डिफ़ॉल्ट: अपने-आप
|
tooltip.textStyle |
ऐसा ऑब्जेक्ट जो टूलटिप टेक्स्ट की स्टाइल के बारे में बताता है. ऑब्जेक्ट का प्रारूप ऐसा है: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Type: ऑब्जेक्ट
डिफ़ॉल्ट:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
tooltip.trigger |
वह उपयोगकर्ता इंटरैक्शन जिसकी वजह से टूलटिप दिखती है:
Type: स्ट्रिंग
डिफ़ॉल्ट: 'फ़ोकस'
|
vAxes |
अगर चार्ट में एक से ज़्यादा वर्टिकल ऐक्सिस हैं, तो अलग-अलग वर्टिकल ऐक्सिस के लिए प्रॉपर्टी की जानकारी देता है.
हर चाइल्ड ऑब्जेक्ट एक
एक से ज़्यादा वर्टिकल ऐक्सिस वाला चार्ट बनाने के लिए, सबसे पहले { series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
यह प्रॉपर्टी कोई ऑब्जेक्ट या अरे हो सकती है: ऑब्जेक्ट, ऑब्जेक्ट का कलेक्शन होता है.
हर ऐक्सिस पर संख्या वाला लेबल होता है, जो ऐक्सिस के बारे में बताता है. यह ऊपर दिखाया गया फ़ॉर्मैट है.
कलेक्शन, ऑब्जेक्ट का कलेक्शन है, हर ऐक्सिस पर एक. उदाहरण के लिए, नीचे दिया गया अरे स्टाइल नोटेशन, ऊपर दिखाए गए vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] टाइप: ऑब्जेक्ट या चाइल्ड ऑब्जेक्ट वाले ऑब्जेक्ट की कैटगरी
डिफ़ॉल्ट: शून्य
|
vAxis |
अलग-अलग वर्टिकल ऐक्सिस एलिमेंट को कॉन्फ़िगर करने के लिए, सदस्यों वाला ऑब्जेक्ट. इस ऑब्जेक्ट की प्रॉपर्टी के बारे में बताने के लिए, ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल किया जा सकता है, जैसा कि यहां दिखाया गया है: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
vAxis.baseline |
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
vAxis.baselineColor |
वर्टिकल ऐक्सिस के लिए बेसलाइन का रंग तय करता है. यह कोई भी एचटीएमएल कलर स्ट्रिंग हो सकती है, जैसे: टाइप: नंबर
डिफ़ॉल्ट: 'काला'
|
vAxis.direction |
वह दिशा जिसमें वर्टिकल ऐक्सिस पर वैल्यू बढ़ती हैं. डिफ़ॉल्ट रूप से, कम वैल्यू
चार्ट पर सबसे नीचे दिखती हैं. वैल्यू का क्रम बदलने के लिए,
टाइप: 1 या -1
डिफ़ॉल्ट: 1
|
vAxis.format |
अंकों वाले ऐक्सिस लेबल के लिए फ़ॉर्मैट स्ट्रिंग. यह
आईसीयू पैटर्न सेट
का सबसेट है.
उदाहरण के लिए,
लेबल पर लागू की गई असल फ़ॉर्मैटिंग, उस स्थान-भाषा से ली गई है जिससे एपीआई को लोड किया गया है. ज़्यादा जानकारी के लिए, किसी खास स्थान-भाषा में चार्ट लोड करना देखें.
टिक वैल्यू और ग्रिडलाइन की गिनती करते समय, सभी ज़रूरी ग्रिडलाइन विकल्पों के कई वैकल्पिक कॉम्बिनेशन को ध्यान में रखा जाएगा. अगर फ़ॉर्मैट किए गए टिक लेबल डुप्लीकेट या ओवरलैप होते हैं, तो उन विकल्पों को अस्वीकार कर दिया जाएगा.
इसलिए, अगर आपको सिर्फ़ पूर्णांक टिक
वैल्यू दिखानी हैं, तो Type: स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
vAxis.gridlines |
वर्टिकल ऐक्सिस पर ग्रिडलाइन कॉन्फ़िगर करने के लिए, सदस्यों वाला ऑब्जेक्ट. ध्यान दें कि वर्टिकल ऐक्सिस ग्रिडलाइन, हॉरिज़ॉन्टल तौर पर बनाई जाती हैं. इस ऑब्जेक्ट की प्रॉपर्टी के बारे में बताने के लिए, ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल किया जा सकता है, जैसा कि यहां दिखाया गया है: {color: '#333', minSpacing: 20} Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
vAxis.gridlines.color |
चार्ट एरिया के अंदर वर्टिकल ग्रिडलाइन का रंग. एक मान्य एचटीएमएल कलर स्ट्रिंग डालें. Type: स्ट्रिंग
डिफ़ॉल्ट: '#CCC'
|
vAxis.gridlines.count |
चार्ट एरिया में हॉरिज़ॉन्टल ग्रिडलाइन की अनुमानित संख्या.
अगर टाइप: नंबर
डिफ़ॉल्ट: -1
|
vAxis.minorGridlines |
सदस्यों वाला एक ऑब्जेक्ट, जिसमें वर्टिकल ऐक्सिस पर माइनर ग्रिडलाइन कॉन्फ़िगर करने के लिए कहा जाता है. यह ठीक वैसा ही है जैसा vAxis.gridlines विकल्प में है. Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
vAxis.minorGridlines.color |
चार्ट एरिया के अंदर वर्टिकल माइनर ग्रिडलाइन का रंग. एक मान्य एचटीएमएल कलर स्ट्रिंग डालें. Type: स्ट्रिंग
डिफ़ॉल्ट: ग्रिडलाइन और बैकग्राउंड के रंगों का मिला-जुला रूप
|
vAxis.minorGridlines.count |
BalanceGridlines.count का विकल्प ज़्यादातर अब काम नहीं करता है. हालांकि, गिनती को 0 पर सेट करके, माइनर ग्रिडलाइन को बंद किया जा सकता है. माइनर ग्रिडलाइन की संख्या, बड़ी ग्रिडलाइन (vAxis.gridlines.interval देखें) और कम से कम ज़रूरी जगह के बीच के समय पर निर्भर करती है (vAxis.minorGridlines.minSpacing देखें). टाइप: नंबर
डिफ़ॉल्ट: 1
|
vAxis.logScale |
अगर सही है, तो वर्टिकल ऐक्सिस को लॉगारिद्मिक स्केल बनाता है. ध्यान दें: सभी वैल्यू पॉज़िटिव होनी चाहिए. टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
vAxis.scaleType |
Type: स्ट्रिंग
डिफ़ॉल्ट: शून्य
|
vAxis.textPosition |
चार्ट एरिया के हिसाब से वर्टिकल ऐक्सिस टेक्स्ट की स्थिति. इस्तेमाल की जा सकने वाली वैल्यू: 'out', 'in', 'none'. Type: स्ट्रिंग
डिफ़ॉल्ट: 'आउट'
|
vAxis.textStyle |
ऐसा ऑब्जेक्ट जो वर्टिकल ऐक्सिस के टेक्स्ट का स्टाइल बताता है. ऑब्जेक्ट का प्रारूप ऐसा है: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Type: ऑब्जेक्ट
डिफ़ॉल्ट:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.ticks |
अपने-आप जनरेट होने वाले Y-ऐक्सिस के टिक को, तय किए गए अरे से बदलता है. कलेक्शन का हर एलिमेंट या तो एक मान्य टिक वैल्यू (जैसे कि संख्या, तारीख, तारीख या समय का समय) या कोई ऑब्जेक्ट होना चाहिए. अगर यह कोई ऑब्जेक्ट है, तो इसमें टिक वैल्यू के लिए
जब तक बदलावों को बदलने के लिए उदाहरण:
टाइप: एलिमेंट की कलेक्शन
डिफ़ॉल्ट: अपने-आप
|
vAxis.title |
Type: स्ट्रिंग
डिफ़ॉल्ट: कोई टाइटल नहीं
|
vAxis.titleTextStyle |
ऐसा ऑब्जेक्ट जो वर्टिकल ऐक्सिस के टाइटल का टेक्स्ट स्टाइल बताता है. ऑब्जेक्ट का प्रारूप ऐसा है: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
Type: ऑब्जेक्ट
डिफ़ॉल्ट:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
vAxis.maxValue |
वर्टिकल ऐक्सिस की सबसे बड़ी वैल्यू को, तय की गई वैल्यू पर ले जाता है. यह ज़्यादातर चार्ट में, ऊपर की ओर होगा. अगर इसे डेटा की सबसे बड़ी y-वैल्यू से कम वैल्यू पर सेट किया गया है, तो इस पर ध्यान नहीं दिया जाता.
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
vAxis.minValue |
वर्टिकल ऐक्सिस की कम से कम वैल्यू को, तय की गई वैल्यू पर ले जाता है. ज़्यादातर चार्ट में, यह वैल्यू नीचे की ओर रहेगी. अगर इसकी वैल्यू, डेटा की सबसे कम y-वैल्यू से ज़्यादा पर सेट है, तो इस पर ध्यान नहीं दिया जाता.
टाइप: नंबर
डिफ़ॉल्ट: शून्य
|
vAxis.viewWindowMode |
इससे पता चलता है कि चार्ट एरिया में वैल्यू रेंडर करने के लिए, वर्टिकल ऐक्सिस को कैसे स्केल किया जाए. इन स्ट्रिंग वैल्यू का इस्तेमाल किया जा सकता है:
Type: स्ट्रिंग
डिफ़ॉल्ट: 'सुंदर' के बराबर होता है, लेकिन इस्तेमाल किए जाने पर
vaxis.viewWindow.min और
vaxis.viewWindow.max को प्राथमिकता दी जाती है.
|
vAxis.viewWindow |
वर्टिकल ऐक्सिस को काटने की सीमा तय करता है. Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
vAxis.viewWindow.max |
रेंडर करने के लिए, वर्टिकल डेटा की ज़्यादा से ज़्यादा वैल्यू.
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
vAxis.viewWindow.min |
रेंडर किया जाने वाला कम से कम वर्टिकल डेटा मान.
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
चौड़ाई |
चार्ट की चौड़ाई, पिक्सल में. टाइप: नंबर
डिफ़ॉल्ट: शामिल एलिमेंट की चौड़ाई
|
तरीके
तरीका | |
---|---|
draw(data, options) |
चार्ट बनाता है. सामान लौटाने का तरीका: कोई नहीं
|
getAction(actionID) |
अनुरोध किए गए रिटर्न टाइप: ऑब्जेक्ट
|
getBoundingBox(id) |
चार्ट के एलिमेंट
वैल्यू, चार्ट के कंटेनर के हिसाब से होती हैं. चार्ट बनाने के बाद इसे कॉल करें. रिटर्न टाइप: ऑब्जेक्ट
|
getChartAreaBoundingBox() |
चार्ट के कॉन्टेंट की बाईं, ऊपर, चौड़ाई, और ऊंचाई वाला ऑब्जेक्ट दिखाता है (जैसे, लेबल और लेजेंड को छोड़कर):
वैल्यू, चार्ट के कंटेनर के हिसाब से होती हैं. चार्ट बनाने के बाद इसे कॉल करें. रिटर्न टाइप: ऑब्जेक्ट
|
getChartLayoutInterface() |
वह ऑब्जेक्ट दिखाता है जिसमें चार्ट की ऑनस्क्रीन प्लेसमेंट और उसके एलिमेंट के बारे में जानकारी होती है. लौटाए गए ऑब्जेक्ट पर इन तरीकों को कॉल किया जा सकता है:
चार्ट बनाने के बाद इसे कॉल करें. रिटर्न टाइप: ऑब्जेक्ट
|
getHAxisValue(xPosition, optional_axis_index) |
उदाहरण: चार्ट बनाने के बाद इसे कॉल करें. रिटर्न टाइप: नंबर
|
getImageURI() |
चार्ट को इमेज यूआरआई के तौर पर क्रम से दिखाता है. चार्ट बनाने के बाद इसे कॉल करें. PNG चार्ट प्रिंट करना देखें. रिटर्न टाइप: स्ट्रिंग
|
getSelection() |
चुनी गई चार्ट इकाइयों का कलेक्शन दिखाता है.
जिन इकाइयों को चुना जा सकता है उनमें चरण, लेजेंड एंट्री, और कैटगरी शामिल हैं.
कोई चरण डेटा टेबल में किसी सेल से, कॉलम में लेजेंड एंट्री (पंक्ति का इंडेक्स खाली है)
और किसी पंक्ति की कैटगरी (कॉलम इंडेक्स शून्य है) से जुड़ा होता है.
इस चार्ट के लिए, किसी भी समय सिर्फ़ एक इकाई चुनी जा सकती है.
रिटर्न टाइप: चुने गए एलिमेंट की कलेक्शन
|
getVAxisValue(yPosition, optional_axis_index) |
उदाहरण: चार्ट बनाने के बाद इसे कॉल करें. रिटर्न टाइप: नंबर
|
getXLocation(dataValue, optional_axis_index) |
चार्ट के कंटेनर के बाएं किनारे के संबंध में उदाहरण: चार्ट बनाने के बाद इसे कॉल करें. रिटर्न टाइप: नंबर
|
getYLocation(dataValue, optional_axis_index) |
चार्ट के कंटेनर के ऊपरी किनारे के हिसाब से उदाहरण: चार्ट बनाने के बाद इसे कॉल करें. रिटर्न टाइप: नंबर
|
removeAction(actionID) |
चार्ट से, अनुरोध की गई सामान लौटाने का तरीका:
none |
setAction(action) |
उपयोगकर्ता के कार्रवाई टेक्स्ट पर क्लिक करने पर, होने वाली टूलटिप कार्रवाई सेट करता है.
चार्ट के सामान लौटाने का तरीका:
none |
setSelection() |
चार्ट में मौजूद, दी गई इकाइयों को चुनता है. चुने गए पिछले किसी भी आइटम को रद्द कर देगा.
जिन इकाइयों को चुना जा सकता है उनमें चरण, लेजेंड एंट्री, और कैटगरी शामिल हैं.
कोई चरण डेटा टेबल में किसी सेल से, कॉलम में लेजेंड एंट्री (पंक्ति का इंडेक्स खाली है)
और किसी पंक्ति की कैटगरी (कॉलम इंडेक्स शून्य है) से जुड़ा होता है.
इस चार्ट के लिए, एक बार में सिर्फ़ एक इकाई चुनी जा सकती है.
सामान लौटाने का तरीका: कोई नहीं
|
clearChart() |
चार्ट को हटा देता है और इसके लिए असाइन किए गए सभी संसाधनों को रिलीज़ करता है. सामान लौटाने का तरीका: कोई नहीं
|
इवेंट
इन इवेंट को इस्तेमाल करने के तरीके के बारे में ज़्यादा जानने के लिए, बेसिक इंटरैक्टिविटी, इवेंट मैनेज करना, और इवेंट ट्रिगर करना देखें.
नाम | |
---|---|
animationfinish |
ट्रांज़िशन ऐनिमेशन पूरा होने पर ट्रिगर होता है. प्रॉपर्टी: कोई प्रॉपर्टी नहीं
|
click |
जब कोई उपयोगकर्ता, चार्ट में क्लिक करता है, तब ट्रिगर होता है. इनका इस्तेमाल यह पहचानने के लिए किया जा सकता है कि टाइटल, डेटा एलिमेंट, लेजेंड एंट्री, ऐक्सिस, ग्रिडलाइन या लेबल को कब क्लिक किया जाता है. प्रॉपर्टी: targetID
|
error |
यह तब ट्रिगर होता है, जब चार्ट को रेंडर करते समय कोई गड़बड़ी होती है. प्रॉपर्टी: आईडी, मैसेज
|
legendpagination |
जब उपयोगकर्ता लेजेंड पेज पर नंबर डालने वाले तीर के निशान पर क्लिक करता है, तब ट्रिगर होता है. यह मौजूदा लेजेंड की शून्य-आधारित पेज इंडेक्स और पेजों की कुल संख्या को वापस पास करता है. प्रॉपर्टी:currentPageIndex, totalPages
|
onmouseover |
यह तब ट्रिगर होता है, जब कोई उपयोगकर्ता किसी विज़ुअल इकाई पर माउस रखता है. इससे जुड़े डेटा टेबल एलिमेंट की पंक्ति और कॉलम के इंडेक्स को पास करता है. प्रॉपर्टी: पंक्ति, कॉलम
|
onmouseout |
यह तब ट्रिगर होता है, जब उपयोगकर्ता किसी विज़ुअल इकाई से दूर होता है. इससे जुड़े डेटा टेबल एलिमेंट की पंक्ति और कॉलम के इंडेक्स को पास करता है. प्रॉपर्टी: पंक्ति, कॉलम
|
ready |
यह चार्ट, बाहरी तरीके से कॉल करने के लिए तैयार है. अगर आपको चार्ट के साथ इंटरैक्ट करने और कॉल के तरीकों को ड्रॉ करने के बाद, उन्हें ड्रॉ करना है, तो प्रॉपर्टी: कोई प्रॉपर्टी नहीं
|
select |
तब ट्रिगर होता है, जब उपयोगकर्ता किसी विज़ुअल इकाई पर क्लिक करता है. चुनी गई जानकारी के बारे में जानने के लिए, प्रॉपर्टी: कोई प्रॉपर्टी नहीं
|
डेटा नीति
सभी कोड और डेटा को ब्राउज़र में प्रोसेस और रेंडर किया जाता है. किसी भी सर्वर पर कोई भी डेटा नहीं भेजा जाता.