खास जानकारी
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([ ['Year', 'Sales', 'Expenses'], ['2013', 1000, 400], ['2014', 1170, 460], ['2015', 660, 1120], ['2016', 1030, 540] ]); var options = { title: 'Company Performance', hAxis: {title: 'Year', titleTextStyle: {color: '#333'}}, vAxis: {minValue: 0} }; var chart = new google.visualization.AreaChart(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style="width: 100%; height: 500px;"></div> </body> </html>
स्टैकिंग एरिया
डिफ़ॉल्ट रूप से, एरिया चार्ट सीरीज़ को एक-दूसरे के ऊपर ड्रॉ करता है. इसके बजाय, उन्हें एक-दूसरे के ऊपर स्टैक किया जा सकता है, ताकि हर x-वैल्यू पर मौजूद डेटा वैल्यू आपस में जुड़ जाएं. एरिया चार्ट में, हर सीरीज़ की वैल्यू को हमेशा पहले वाली सीरीज़ की वैल्यू के हिसाब से स्टैक किया जाएगा. पॉज़िटिव और नेगेटिव, दोनों वैल्यू को एक साथ रखने पर
एरिया ओवरलैप हो सकते हैं. ध्यान रखें कि
interpolateNulls
विकल्प, स्टैक किए गए एरिया चार्ट के साथ काम नहीं करता.
बाईं ओर, isStacked
'गलत' (डिफ़ॉल्ट तौर पर) पर सेट है. साथ ही, दाईं ओर 'सही है' पर सेट है:
ध्यान दें कि लेजेंड में एंट्री का क्रम अलग-अलग होता है. दूसरे स्टैक किए गए चार्ट में, क्रम उलटा हो जाता है और सबसे नीचे सीरीज़ 0 होती है. इससे सीरीज़ के एलिमेंट के स्टैकिंग के साथ बेहतर तरीके से मेल खाने के लिए लेजेंड को डेटा से मैच किया जाता है.
स्टैक किए गए एरिया चार्ट में भी 100% स्टैकिंग की सुविधा काम करती है. इसमें हर डोमेन-वैल्यू पर एलिमेंट के स्टैक को इस तरह से बदला जाता है कि वे 100% तक पहुंच जाएं. इसके लिए विकल्प isStacked: 'percent'
हैं, जो हर वैल्यू को 100% के प्रतिशत के रूप में फ़ॉर्मैट करता है. साथ ही, isStacked: 'relative'
, जो हर वैल्यू को 1 के भिन्न के रूप में फ़ॉर्मैट करता है. आपके पास एक isStacked: 'absolute'
विकल्प भी है, जो फ़ंक्शन के तौर पर isStacked: true
की तरह काम करता है.
ध्यान दें कि दाईं ओर मौजूद 100% स्टैक किए गए चार्ट में, टिक की वैल्यू 0-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] } };
मान लीजिए कि आपकी सीरीज़ में से किसी एक में, आपके कुछ x-वैल्यू के लिए कोई डेटा नहीं है. उदाहरण के लिए, ऊपर दिए गए चार्ट में मान लेते हैं कि 2015 तक ड्रोन उपलब्ध नहीं हैं और सेगवे 2014 में उपलब्ध नहीं हैं. ध्यान दें कि डेटा की कमी होने पर, हम शून्य वैल्यू का इस्तेमाल करते हैं. इसलिए, चार्ट कुछ ऐसा दिखेगा:
अगर ये रुकावटें अपील नहीं करती हैं, तो खाली सेल के लिए शून्य बदल सकते हैं और/या InterpolateNulls विकल्प को 'सही' पर सेट कर सकता है:
लोड हो रहा है
google.charts.load
के पैकेज का नाम "corechart".
है
google.charts.load("current", {packages: ["corechart"]});
विज़ुअलाइज़ेशन की क्लास का नाम google.visualization.AreaChart
है.
var visualization = new google.visualization.AreaChart(container);
डेटा फ़ॉर्मैट
पंक्तियां: टेबल की हर पंक्ति में डेटा पॉइंट का एक ऐसा सेट दिखता है जिसमें x-ऐक्सिस की जगह एक जैसी होती है.
कॉलम:
कॉलम 0 | कॉलम 1 | ... | कॉलम N | |
---|---|---|---|---|
मकसद: | लाइन 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 |
इससे तय होता है कि शुरुआती ड्रॉ पर चार्ट ऐनिमेट होगा या नहीं. अगर टाइप: बूलियन
डिफ़ॉल्ट गलत
|
annotations.boxStyle |
एनोटेशन के साथ काम करने वाले चार्ट के लिए, var options = { annotations: { boxStyle: { // Color of the box outline. stroke: '#888', // Thickness of the box outline. strokeWidth: 1, // x-radius of the corner curvature. rx: 10, // y-radius of the corner curvature. ry: 10, // Attributes for linear gradient fill. gradient: { // Start color for gradient. color1: '#fbf6a7', // Finish color for gradient. color2: '#33b679', // Where on the boundary to start and // end the color1/color2 gradient, // relative to the upper left corner // of the boundary. x1: '0%', y1: '0%', x2: '100%', y2: '100%', // If true, the boundary for x1, // y1, x2, and y2 is the box. If // false, it's the entire chart. useObjectBoundingBoxUnits: true } } } }; फ़िलहाल, यह विकल्प एरिया, बार, कॉलम, कॉम्बो, लाइन, और स्कैटर चार्ट के लिए इस्तेमाल किया जा सकता है. एनोटेशन चार्ट पर इसका इस्तेमाल नहीं किया जा सकता. Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
annotations.datum |
एनोटेशन के साथ काम करने वाले चार्ट के लिए,
annotations.datum ऑब्जेक्ट अलग-अलग डेटा एलिमेंट के लिए दिए गए एनोटेशन के लिए, Google चार्ट के चुने गए विकल्प को बदलता है. जैसे, बार चार्ट पर हर बार के साथ दिखाई गई वैल्यू. annotations.datum.stem.color की मदद से रंग, स्टेम की लंबाई
annotations.datum.stem.length , और स्टाइल को annotations.datum.style की मदद से कंट्रोल किया जा सकता है.
Type: ऑब्जेक्ट
डिफ़ॉल्ट: रंग "काला" है, लंबाई 12 है; स्टाइल "पॉइंट" है.
|
annotations.domain |
एनोटेशन के साथ काम करने वाले चार्ट के लिए,
annotations.domain ऑब्जेक्ट की मदद से किसी डोमेन (चार्ट का मुख्य ऐक्सिस, जैसे कि किसी सामान्य लाइन चार्ट पर X ऐक्सिस) के लिए दिए गए एनोटेशन के लिए, Google चार्ट के चुने गए विकल्प को बदला जा सकता है. annotations.domain.stem.color की मदद से रंग, स्टेम की लंबाई
annotations.domain.stem.length , और स्टाइल को annotations.domain.style की मदद से कंट्रोल किया जा सकता है.
Type: ऑब्जेक्ट
डिफ़ॉल्ट: रंग "काला" है, लंबाई 5 है; स्टाइल "पॉइंट" है.
|
annotations.highContrast |
एनोटेशन के साथ काम करने वाले चार्ट में,
annotations.highContrast बूलियन का इस्तेमाल करके Google चार्ट में एनोटेशन के लिए चुने गए रंग को बदला जा सकता है. डिफ़ॉल्ट रूप से, annotations.highContrast सही है और इस वजह से चार्ट, एनोटेशन के लिए अच्छे कंट्रास्ट वाला रंग चुनता है: गहरे बैकग्राउंड पर हल्के रंग और हल्के पर गहरे रंग. अगर annotations.highContrast को गलत पर सेट किया जाता है और एनोटेशन का रंग अपने हिसाब से नहीं दिया जाता है,
तो Google चार्ट, एनोटेशन के लिए सीरीज़ के डिफ़ॉल्ट रंग का इस्तेमाल करेगा:
टाइप: बूलियन
डिफ़ॉल्ट: सही
|
annotations.stem |
एनोटेशन के साथ काम करने वाले चार्ट में,
annotations.stem ऑब्जेक्ट की मदद से, स्टेम स्टाइल के लिए Google चार्ट में दी गई पसंद को बदला जा सकता है. annotations.stem.color की मदद से, रंग को कंट्रोल किया जा सकता है और annotations.stem.length की मदद से स्टेम की लंबाई को कंट्रोल किया जा सकता है. ध्यान दें कि स्टेम की लंबाई वाले विकल्प से, 'line' स्टाइल वाले एनोटेशन पर कोई असर नहीं पड़ता: 'line' डाटुम एनोटेशन के लिए स्टेम की लंबाई हमेशा टेक्स्ट की तरह ही होती है. वहीं, 'line' डोमेन एनोटेशन के लिए स्टेम की लंबाई पूरे चार्ट में दिखती है.
Type: ऑब्जेक्ट
डिफ़ॉल्ट: रंग "काला" है; डोमेन एनोटेशन के लिए लंबाई 5 और डाटुम एनोटेशन के लिए 12 है.
|
annotations.style |
एनोटेशन के साथ काम करने वाले चार्ट के लिए,
annotations.style विकल्प की मदद से
Google चार्ट में, जानकारी के टाइप के चुने गए विकल्प को बदला जा सकता है. यह 'line' या 'point' हो सकता है.
Type: स्ट्रिंग
डिफ़ॉल्ट: 'पॉइंट'
|
annotations.textStyle |
एनोटेशन के साथ काम करने वाले चार्ट के लिए,
annotations.textStyle ऑब्जेक्ट यह कंट्रोल करता है कि एनोटेशन का टेक्स्ट कैसा दिखे:
var options = { annotations: { textStyle: { fontName: 'Times-Roman', fontSize: 18, bold: true, italic: true, // The color of the text. color: '#871b47', // The color of the text outline. auraColor: '#d799ae', // The transparency of the text. opacity: 0.8 } } }; फ़िलहाल, यह विकल्प एरिया, बार, कॉलम, कॉम्बो, लाइन, और स्कैटर चार्ट के लिए इस्तेमाल किया जा सकता है. एनोटेशन चार्ट पर यह काम नहीं करता. Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
areaOpacity |
एरिया चार्ट सीरीज़ में, रंगीन एरिया की डिफ़ॉल्ट ओपैसिटी, जिसमें 0.0 पूरी तरह से पारदर्शी है और 1.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 |
चार्ट क्षेत्र की ऊंचाई. टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
कलर |
चार्ट के एलिमेंट के लिए इस्तेमाल किए जाने वाले रंग. स्ट्रिंग का कलेक्शन, जिसमें हर एलिमेंट एक एचटीएमएल कलर स्ट्रिंग है, जैसे: टाइप: स्ट्रिंग की कलेक्शन
डिफ़ॉल्ट: डिफ़ॉल्ट रंग
|
क्रॉसहेयर |
एक ऑब्जेक्ट, जिसमें चार्ट के लिए क्रॉसहेयर प्रॉपर्टी शामिल होती हैं. Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
crosshair.color |
क्रॉसहेयर का रंग, जिसे रंग के नाम से दिखाया जाता है (उदाहरण के लिए, "नीला") या आरजीबी वैल्यू (उदाहरण के लिए, "#adf"). Type: स्ट्रिंग
टाइप: डिफ़ॉल्ट
|
crosshair.focused |
ऐसा ऑब्जेक्ट जिसमें फ़ोकस करने पर, क्रॉसहेयर प्रॉपर्टी शामिल हों. Type: ऑब्जेक्ट
डिफ़ॉल्ट: डिफ़ॉल्ट
|
crosshair.opacity |
क्रॉसहेयर की ओपैसिटी, जिसमें टाइप: नंबर
डिफ़ॉल्ट: 1.0
|
crosshair.orientation |
क्रॉसहेयर ओरिएंटेशन, जो सिर्फ़ वर्टिकल बालों के लिए 'वर्टिकल', सिर्फ़ हॉरिज़ॉन्टल बालों के लिए 'हॉरिज़ॉन्टल' या पारंपरिक क्रॉसहेयर के लिए 'दोनों' हो सकता है. Type: स्ट्रिंग
डिफ़ॉल्ट: 'दोनों'
|
crosshair.selected |
ऐसा ऑब्जेक्ट जिसमें चुनने पर, क्रॉसहेयर प्रॉपर्टी शामिल होती हैं. Type: ऑब्जेक्ट
डिफ़ॉल्ट: डिफ़ॉल्ट
|
crosshair.trigger |
क्रॉसहेयर कब दिखाएं: Type: स्ट्रिंग
डिफ़ॉल्ट: 'दोनों'
|
dataOpacity |
डेटा पॉइंट की पारदर्शिता, जिसमें 1.0 पूरी तरह से पारदर्शी और 0.0 पारदर्शी है. स्कैटर, हिस्टोग्राम, बार, और कॉलम चार्ट में, दिखने वाले डेटा की जानकारी होती है: स्कैटर चार्ट में बिंदु और दूसरे में रेक्टैंगल. जिन चार्ट में डेटा चुनने की सुविधा होती है उनसे लाइन और एरिया चार्ट जैसे बिंदु बनते हैं. इस बिंदु से उन सर्कल के बारे में पता चलता है जो कर्सर पर कर्सर घुमाने या चुनने पर दिखते हैं. कॉम्बो चार्ट, दोनों तरह के व्यवहार दिखाता है. इस विकल्प का दूसरे चार्ट पर कोई असर नहीं पड़ता. (ट्रेंडलाइन की ओपैसिटी बदलने के लिए, ट्रेंडलाइन की ओपैसिटी देखें.) टाइप: नंबर
डिफ़ॉल्ट: 1.0
|
enableInteractivity |
चार्ट, उपयोगकर्ता-आधारित इवेंट दिखाता है या उपयोगकर्ता के इंटरैक्शन पर प्रतिक्रिया देता है. गलत होने पर, चार्ट 'चुनें' या इंटरैक्शन पर आधारित अन्य इवेंट नहीं दिखाएगा (लेकिन तैयार या गड़बड़ी वाले इवेंट दिखाएगा) और उपयोगकर्ता के इनपुट के आधार पर, होवर टेक्स्ट नहीं दिखाएगा या उसमें बदलाव नहीं करेगा. टाइप: बूलियन
डिफ़ॉल्ट: सही
|
एक्सप्लोरर |
इस सुविधा को एक्सपेरिमेंट के तौर पर अभी इस्तेमाल किया जा रहा है. आने वाले समय में रिलीज़ किए जाने वाले ऐप्लिकेशन में, इस सुविधा में बदलाव किया जा सकता है. ध्यान दें: एक्सप्लोरर सिर्फ़ ऐक्सिस (जैसे कि संख्याएं या तारीखें) के साथ काम करता है. Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
explorer.actions |
Google चार्ट एक्सप्लोरर तीन कार्रवाइयों का समर्थन करता है:
टाइप: स्ट्रिंग की कलेक्शन
डिफ़ॉल्ट: ['dragToPan', 'rightClickToReset']
|
explorer.axis |
डिफ़ॉल्ट रूप से, Type: स्ट्रिंग
डिफ़ॉल्ट: हॉरिज़ॉन्टल और वर्टिकल, दोनों पैनिंग
|
explorer.keepInBounds |
डिफ़ॉल्ट रूप से, उपयोगकर्ता चारों तरफ़ पैन कर सकते हैं, भले ही डेटा कहीं भी हो. यह पक्का करने के लिए कि उपयोगकर्ता
ओरिजनल चार्ट से बाहर पैन न हो, टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
explorer.maxZoomIn |
एक्सप्लोरर, ज़्यादा से ज़्यादा कितना ज़ूम इन कर सकता है. डिफ़ॉल्ट रूप से, उपयोगकर्ता इतना ज़ूम कर पाएंगे कि उन्हें ओरिजनल व्यू का सिर्फ़ 25% हिस्सा दिखेगा. टाइप: नंबर
डिफ़ॉल्ट: 0.25
|
explorer.maxZoomOut |
एक्सप्लोरर, ज़्यादा से ज़्यादा कितने ज़ूम आउट कर सकता है. डिफ़ॉल्ट रूप से, उपयोगकर्ता इतना ज़ूम आउट कर सकते हैं कि चार्ट, उपलब्ध जगह का सिर्फ़ 1/4 हिस्सा भर सके. टाइप: नंबर
डिफ़ॉल्ट: 4
|
explorer.zoomDelta |
जब उपयोगकर्ता ज़ूम इन या ज़ूम आउट करते हैं, तो टाइप: नंबर
डिफ़ॉल्ट: 1.5
|
focusTarget |
माउस होवर पर फ़ोकस पाने वाली इकाई का टाइप. इससे यह भी तय होता है कि माउस क्लिक से कौनसी इकाई चुनी जाती है और इवेंट से जुड़ा डेटा टेबल का कौनसा एलिमेंट. इनमें से कोई एक स्थिति हो सकती है:
फ़ोकस टारगेट 'कैटगरी' में टूलटिप में सभी कैटगरी की वैल्यू दिखती हैं. इससे, अलग-अलग सीरीज़ की वैल्यू की तुलना करने में मदद मिल सकती है. Type: स्ट्रिंग
डिफ़ॉल्ट: 'datum'
|
fontSize |
चार्ट में सभी टेक्स्ट का डिफ़ॉल्ट फ़ॉन्ट साइज़, पिक्सल में. खास चार्ट एलिमेंट के लिए प्रॉपर्टी का इस्तेमाल करके, इसे बदला जा सकता है. टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
fontName |
चार्ट में सभी टेक्स्ट के लिए डिफ़ॉल्ट फ़ॉन्ट फ़ेस. खास चार्ट एलिमेंट के लिए प्रॉपर्टी का इस्तेमाल करके, इसे बदला जा सकता है. Type: स्ट्रिंग
डिफ़ॉल्ट: 'राय'
|
forceIFrame |
चार्ट को किसी इनलाइन फ़्रेम के अंदर ड्रॉ करता है. ध्यान दें कि IE8 पर, इस विकल्प को अनदेखा किया जाता है. सभी IE8 चार्ट, i-फ़्रेम में बनाए जाते हैं. टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
hAxis |
हॉरिज़ॉन्टल ऐक्सिस के अलग-अलग एलिमेंट को कॉन्फ़िगर करने के लिए, सदस्यों वाला ऑब्जेक्ट. इस ऑब्जेक्ट की प्रॉपर्टी के बारे में बताने के लिए, ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल किया जा सकता है, जैसा कि यहां दिखाया गया है: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
hAxis.baseline |
हॉरिज़ॉन्टल ऐक्सिस के लिए बेसलाइन. यह विकल्प सिर्फ़ टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
hAxis.baselineColor |
हॉरिज़ॉन्टल ऐक्सिस के लिए बेसलाइन का रंग. यह कोई भी एचटीएमएल कलर स्ट्रिंग हो सकती है, जैसे:
यह विकल्प सिर्फ़ टाइप: नंबर
डिफ़ॉल्ट: 'काला'
|
hAxis.direction |
वह दिशा जिसमें हॉरिज़ॉन्टल ऐक्सिस पर वैल्यू बढ़ती हैं. वैल्यू का क्रम बदलने के लिए,
टाइप: 1 या -1
डिफ़ॉल्ट: 1
|
hAxis.format |
संख्या या तारीख के ऐक्सिस लेबल के लिए फ़ॉर्मैट स्ट्रिंग.
नंबर ऐक्सिस लेबल के लिए, यह दशमलव फ़ॉर्मैट
आईसीयू पैटर्न सेट
का सबसेट है. उदाहरण के लिए,
तारीख के ऐक्सिस लेबल के लिए, यह तारीख के फ़ॉर्मैट
आईसीयू पैटर्न सेट
का सबसेट है. उदाहरण के लिए, लेबल पर लागू की गई असल फ़ॉर्मैटिंग, उस स्थान-भाषा से ली गई है जिससे एपीआई को लोड किया गया है. ज़्यादा जानकारी के लिए, किसी खास स्थान-भाषा में चार्ट लोड करना देखें.
टिक वैल्यू और ग्रिडलाइन की गिनती करते समय, सभी ज़रूरी ग्रिडलाइन विकल्पों के कई वैकल्पिक कॉम्बिनेशन को ध्यान में रखा जाएगा. अगर फ़ॉर्मैट किए गए टिक लेबल डुप्लीकेट या ओवरलैप होते हैं, तो उन विकल्पों को अस्वीकार कर दिया जाएगा.
इसलिए, अगर आपको सिर्फ़ पूर्णांक टिक
वैल्यू दिखानी हैं, तो
यह विकल्प सिर्फ़
Type: स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
hAxis.gridlines |
हॉरिज़ॉन्टल ऐक्सिस पर ग्रिडलाइन कॉन्फ़िगर करने के लिए, प्रॉपर्टी वाला ऑब्जेक्ट. ध्यान दें कि हॉरिज़ॉन्टल ऐक्सिस ग्रिडलाइन वर्टिकल तौर पर बनाई जाती हैं. इस ऑब्जेक्ट की प्रॉपर्टी के बारे में बताने के लिए, ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल किया जा सकता है, जैसा कि यहां दिखाया गया है: {color: '#333', minSpacing: 20}
यह विकल्प सिर्फ़
Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
hAxis.gridlines.color |
चार्ट एरिया के अंदर हॉरिज़ॉन्टल ग्रिडलाइन का रंग. एक मान्य एचटीएमएल कलर स्ट्रिंग डालें. Type: स्ट्रिंग
डिफ़ॉल्ट: '#CCC'
|
hAxis.gridlines.count |
चार्ट एरिया में हॉरिज़ॉन्टल ग्रिडलाइन की अनुमानित संख्या.
अगर टाइप: नंबर
डिफ़ॉल्ट: -1
|
hAxis.gridlines.interval |
पास-पास मौजूद ग्रिडलाइन के बीच अलग-अलग साइज़ का कलेक्शन. यह डेटा वैल्यू के तौर पर होता है, न कि पिक्सल के तौर पर. फ़िलहाल, यह विकल्प सिर्फ़ नंबर वाले ऐक्सिस के लिए है.
हालांकि, यह विकल्प
टाइप: 1 से 10 के बीच की संख्या. इसमें 10 शामिल नहीं है.
डिफ़ॉल्ट: कंप्यूट किया गया
|
hAxis.gridlines.minSpacing |
hAxis प्रमुख ग्रिडलाइन के बीच, पिक्सल में कम से कम स्क्रीन स्पेस.
बड़ी ग्रिडलाइन के लिए डिफ़ॉल्ट वैल्यू लीनियर स्केल के लिए टाइप: नंबर
डिफ़ॉल्ट: कंप्यूट किया गया
|
hAxis.gridlines.multiple |
सभी ग्रिडलाइन और टिक की वैल्यू, इस विकल्प की वैल्यू के मल्टीपल में होनी चाहिए. ध्यान दें कि इंटरवल के उलट, एक से ज़्यादा 10 गुना घात को नहीं माना जाता है.
टाइप: नंबर
डिफ़ॉल्ट: 1
|
hAxis.gridlines.units |
चार्ट पर कंप्यूट की गई ग्रिडलाइन के साथ इस्तेमाल किए जाने पर तारीख/तारीख/तारीख और समय/दिन के समय के डेटा टाइप के अलग-अलग पहलुओं के लिए, डिफ़ॉल्ट फ़ॉर्मैट को बदल देता है. साल, महीने, दिन, घंटे, मिनट, सेकंड, और मिलीसेकंड के लिए फ़ॉर्मैटिंग की अनुमति देता है. सामान्य फ़ॉर्मैट है: gridlines: { units: { years: {format: [/*format strings here*/]}, months: {format: [/*format strings here*/]}, days: {format: [/*format strings here*/]} hours: {format: [/*format strings here*/]} minutes: {format: [/*format strings here*/]} seconds: {format: [/*format strings here*/]}, milliseconds: {format: [/*format strings here*/]}, } } ज़्यादा जानकारी के लिए, तारीख और समय देखें. Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
hAxis.minorGridlines |
hAxis.gridlines विकल्प की तरह ही, हॉरिज़ॉन्टल ऐक्सिस पर माइनर ग्रिडलाइन कॉन्फ़िगर करने के लिए सदस्यों वाला ऑब्जेक्ट.
यह विकल्प सिर्फ़
Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
hAxis.minorGridlines.color |
चार्ट एरिया के अंदर हॉरिज़ॉन्टल माइनर ग्रिडलाइन का रंग. एक मान्य एचटीएमएल कलर स्ट्रिंग डालें. Type: स्ट्रिंग
डिफ़ॉल्ट: ग्रिडलाइन और बैकग्राउंड के रंगों का मिला-जुला रूप
|
hAxis.minorGridlines.count |
टाइप: नंबर
डिफ़ॉल्ट:1
|
hAxis.minorGridlines.interval |
छोटा ग्रिडलाइन विकल्प, मुख्य ग्रिडलाइन इंटरवल विकल्प की तरह है.हालांकि, चुना गया इंटरवल हमेशा, मुख्य ग्रिडलाइन इंटरवल का बराबर की तरह से बराबर होना चाहिए.
लीनियर स्केल का डिफ़ॉल्ट इंटरवल
टाइप: नंबर
डिफ़ॉल्ट:1
|
hAxis.minorGridlines.minSpacing |
पिक्सल में, आस-पास मौजूद माइनर ग्रिडलाइन के बीच, माइनर और बड़ी ग्रिडलाइन के बीच, कम से कम ज़रूरी जगह. डिफ़ॉल्ट वैल्यू, लीनियर स्केल के लिए बड़ी ग्रिडलाइन की कम से कम दूरी 1/2 है और लॉग स्केल के लिए मिनिमम स्पेसिंग की 1/5 है. टाइप: नंबर
डिफ़ॉल्ट:कंप्यूट किया गया
|
hAxis.minorGridlines.multiple |
मुख्य टाइप: नंबर
डिफ़ॉल्ट: 1
|
hAxis.minorGridlines.units |
तारीख/तारीख और समय/दिन के समय के डेटा टाइप के अलग-अलग पहलुओं के लिए, डिफ़ॉल्ट फ़ॉर्मैट को बदल देता है. ऐसा तब होता है, जब चार्ट में बनाई गई माइनरग्रिडलाइन के साथ इसका इस्तेमाल किया जाता है. साल, महीने, दिन, घंटे, मिनट, सेकंड, और मिलीसेकंड के लिए फ़ॉर्मैटिंग की अनुमति देता है. सामान्य फ़ॉर्मैट है: gridlines: { units: { years: {format: [/*format strings here*/]}, months: {format: [/*format strings here*/]}, days: {format: [/*format strings here*/]} hours: {format: [/*format strings here*/]} minutes: {format: [/*format strings here*/]} seconds: {format: [/*format strings here*/]}, milliseconds: {format: [/*format strings here*/]}, } } ज़्यादा जानकारी के लिए, तारीख और समय देखें. Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
hAxis.logScale |
यह विकल्प सिर्फ़ टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
hAxis.scaleType |
यह विकल्प सिर्फ़ Type: स्ट्रिंग
डिफ़ॉल्ट: शून्य
|
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.maxValue |
हॉरिज़ॉन्टल ऐक्सिस की सबसे बड़ी वैल्यू को, बताई गई वैल्यू पर ले जाता है. ज़्यादातर चार्ट में, यह वैल्यू
दाईं ओर होगी. अगर इसे डेटा की सबसे बड़ी वैल्यू x-वैल्यू से कम पर सेट किया गया है, तो इस पर ध्यान नहीं दिया जाता.
यह विकल्प सिर्फ़
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
hAxis.minValue |
हॉरिज़ॉन्टल ऐक्सिस की कम से कम वैल्यू को, बताई गई वैल्यू पर ले जाता है. ज़्यादातर चार्ट में, यह वैल्यू बाईं ओर दिखेगी. अगर इसकी वैल्यू, डेटा की सबसे कम x-वैल्यू से ज़्यादा पर सेट है, तो इस पर ध्यान नहीं दिया जाता.
यह विकल्प सिर्फ़
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
hAxis.viewWindowMode |
इससे पता चलता है कि चार्ट एरिया में वैल्यू रेंडर करने के लिए, हॉरिज़ॉन्टल ऐक्सिस को कैसे स्केल किया जाए. इन स्ट्रिंग वैल्यू का इस्तेमाल किया जा सकता है:
यह विकल्प सिर्फ़
Type: स्ट्रिंग
डिफ़ॉल्ट: 'सुंदर' के बराबर होता है, लेकिन इस्तेमाल किए जाने पर
haxis.viewWindow.min और
haxis.viewWindow.max को प्राथमिकता दी जाती है.
|
hAxis.viewWindow |
हॉरिज़ॉन्टल ऐक्सिस पर काटने की रेंज तय करता है. Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
hAxis.viewWindow.max |
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
hAxis.viewWindow.min |
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
ऊंचाई |
चार्ट की ऊंचाई, पिक्सल में. टाइप: नंबर
डिफ़ॉल्ट: शामिल एलिमेंट की ऊंचाई
|
interpolateNulls |
छूटे हुए पॉइंट की वैल्यू का अनुमान लगाना है या नहीं. अगर सही है, तो यह आस-पास के पॉइंट के आधार पर, उस डेटा की वैल्यू का अनुमान लगाएगा जो मौजूद नहीं है. अगर गलत है, तो यह अज्ञात पॉइंट पर लाइन में एक ब्रेक छोड़ देगा.
यह टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
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.pageIndex |
लेजेंड की चुनी गई शुरुआत में शून्य पर आधारित पेज इंडेक्स. टाइप: नंबर
डिफ़ॉल्ट: 0
|
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 |
डैश वाली लाइनों के लिए, चालू और बंद होने वाला पैटर्न. उदाहरण के लिए, टाइप: संख्याओं की कलेक्शन
डिफ़ॉल्ट: शून्य
|
lineWidth |
डेटा लाइन की चौड़ाई पिक्सल में. सभी लाइनों को छिपाने और सिर्फ़ पॉइंट दिखाने के लिए, शून्य का इस्तेमाल करें. टाइप: नंबर
डिफ़ॉल्ट: 2
|
स्क्रीन की दिशा |
चार्ट का ओरिएंटेशन. Type: स्ट्रिंग
डिफ़ॉल्ट: 'हॉरिज़ॉन्टल'
|
pointShape |
अलग-अलग डेटा एलिमेंट का आकार: 'सर्कल', 'त्रिकोण', 'स्क्वेयर', 'डायमंड', 'स्टार' या 'पॉलीगॉन'. उदाहरणों के लिए पॉइंट से जुड़ा दस्तावेज़ देखें. Type: स्ट्रिंग
डिफ़ॉल्ट: 'सर्कल'
|
pointSize |
पिक्सल में दिखाए गए पॉइंट का व्यास. सभी बिंदुओं को छिपाने के लिए शून्य का उपयोग करें. टाइप: नंबर
डिफ़ॉल्ट: 0
|
pointsVisible |
इससे तय होता है कि पॉइंट दिखाए जाएंगे या नहीं. सभी बिंदुओं को छिपाने के लिए
इसे
स्टाइल रोल का इस्तेमाल करके
टाइप: बूलियन
डिफ़ॉल्ट: सही
|
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.gridlines.interval |
पास-पास मौजूद ग्रिडलाइन के बीच अलग-अलग साइज़ का कलेक्शन. यह डेटा वैल्यू के तौर पर होता है, न कि पिक्सल के तौर पर. फ़िलहाल, यह विकल्प सिर्फ़ नंबर वाले ऐक्सिस के लिए है.
हालांकि, यह विकल्प
टाइप: 1 से 10 के बीच की संख्या. इसमें 10 शामिल नहीं है.
डिफ़ॉल्ट: कंप्यूट किया गया
|
vAxis.gridlines.minSpacing |
hAxis प्रमुख ग्रिडलाइन के बीच, पिक्सल में कम से कम स्क्रीन स्पेस.
बड़ी ग्रिडलाइन के लिए डिफ़ॉल्ट वैल्यू लीनियर स्केल के लिए टाइप: नंबर
डिफ़ॉल्ट: कंप्यूट किया गया
|
vAxis.gridlines.multiple |
सभी ग्रिडलाइन और टिक की वैल्यू, इस विकल्प की वैल्यू के मल्टीपल में होनी चाहिए. ध्यान दें कि इंटरवल के उलट, एक से ज़्यादा 10 गुना घात को नहीं माना जाता है.
टाइप: नंबर
डिफ़ॉल्ट: 1
|
vAxis.gridlines.units |
चार्ट पर कंप्यूट की गई ग्रिडलाइन के साथ इस्तेमाल किए जाने पर तारीख/तारीख/तारीख और समय/दिन के समय के डेटा टाइप के अलग-अलग पहलुओं के लिए, डिफ़ॉल्ट फ़ॉर्मैट को बदल देता है. साल, महीने, दिन, घंटे, मिनट, सेकंड, और मिलीसेकंड के लिए फ़ॉर्मैटिंग की अनुमति देता है. सामान्य फ़ॉर्मैट है: gridlines: { units: { years: {format: [/*format strings here*/]}, months: {format: [/*format strings here*/]}, days: {format: [/*format strings here*/]}, hours: {format: [/*format strings here*/]}, minutes: {format: [/*format strings here*/]}, seconds: {format: [/*format strings here*/]}, milliseconds: {format: [/*format strings here*/]} } } ज़्यादा जानकारी के लिए, तारीख और समय देखें. Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
vAxis.minorGridlines |
सदस्यों वाला एक ऑब्जेक्ट, जिसमें वर्टिकल ऐक्सिस पर माइनर ग्रिडलाइन कॉन्फ़िगर करने के लिए कहा जाता है. यह ठीक वैसा ही है जैसा vAxis.gridlines विकल्प में है. Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
vAxis.minorGridlines.color |
चार्ट एरिया के अंदर वर्टिकल माइनर ग्रिडलाइन का रंग. एक मान्य एचटीएमएल कलर स्ट्रिंग डालें. Type: स्ट्रिंग
डिफ़ॉल्ट: ग्रिडलाइन और बैकग्राउंड के रंगों का मिला-जुला रूप
|
vAxis.minorGridlines.interval |
छोटा ग्रिडलाइन विकल्प, मुख्य ग्रिडलाइन इंटरवल विकल्प की तरह है.हालांकि, चुना गया इंटरवल हमेशा, मुख्य ग्रिडलाइन इंटरवल का बराबर की तरह से बराबर होना चाहिए.
लीनियर स्केल का डिफ़ॉल्ट इंटरवल
टाइप: नंबर
डिफ़ॉल्ट:1
|
vAxis.minorGridlines.minSpacing |
पिक्सल में, आस-पास मौजूद माइनर ग्रिडलाइन के बीच, माइनर और बड़ी ग्रिडलाइन के बीच, कम से कम ज़रूरी जगह. डिफ़ॉल्ट वैल्यू, लीनियर स्केल के लिए बड़ी ग्रिडलाइन की कम से कम दूरी 1/2 है और लॉग स्केल के लिए मिनिमम स्पेसिंग की 1/5 है. टाइप: नंबर
डिफ़ॉल्ट:कंप्यूट किया गया
|
vAxis.minorGridlines.multiple |
मुख्य टाइप: नंबर
डिफ़ॉल्ट: 1
|
vAxis.minorGridlines.count |
BalanceGridlines.count का विकल्प ज़्यादातर अब काम नहीं करता है. हालांकि, गिनती को 0 पर सेट करके, माइनर ग्रिडलाइन को बंद किया जा सकता है. माइनर ग्रिडलाइन की संख्या, बड़ी ग्रिडलाइन (vAxis.gridlines.interval देखें) और कम से कम ज़रूरी जगह के बीच के समय पर निर्भर करती है (vAxis.minorGridlines.minSpacing देखें). टाइप: नंबर
डिफ़ॉल्ट: 1
|
vAxis.minorGridlines.units |
तारीख/तारीख और समय/दिन के समय के डेटा टाइप के अलग-अलग पहलुओं के लिए, डिफ़ॉल्ट फ़ॉर्मैट को बदल देता है. ऐसा तब होता है, जब चार्ट में बनाई गई माइनरग्रिडलाइन के साथ इसका इस्तेमाल किया जाता है. साल, महीने, दिन, घंटे, मिनट, सेकंड, और मिलीसेकंड के लिए फ़ॉर्मैटिंग की अनुमति देता है. सामान्य फ़ॉर्मैट है: gridlines: { units: { years: {format: [/*format strings here*/]}, months: {format: [/*format strings here*/]}, days: {format: [/*format strings here*/]} hours: {format: [/*format strings here*/]} minutes: {format: [/*format strings here*/]} seconds: {format: [/*format strings here*/]}, milliseconds: {format: [/*format strings here*/]}, } } ज़्यादा जानकारी के लिए, तारीख और समय देखें. Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
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 |
तब ट्रिगर होता है, जब उपयोगकर्ता किसी विज़ुअल इकाई पर क्लिक करता है. चुनी गई जानकारी के बारे में जानने के लिए, प्रॉपर्टी: कोई प्रॉपर्टी नहीं
|
डेटा नीति
सभी कोड और डेटा को ब्राउज़र में प्रोसेस और रेंडर किया जाता है. किसी भी सर्वर पर कोई भी डेटा नहीं भेजा जाता.