खास जानकारी
SVG या VML का इस्तेमाल करके, ब्राउज़र में रेंडर किया जाने वाला लाइन चार्ट. बिंदुओं पर माउस घुमाते समय टूलटिप दिखाता है.
उदाहरण
लाइनों को मोड़ना
curveType
के विकल्प को function
पर सेट करके, लाइनों को स्मूद किया जा सकता है:
इस चार्ट को जनरेट करने का कोड नीचे दिया गया है. curveType: function
विकल्प के इस्तेमाल पर ध्यान दें:
<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'], ['2004', 1000, 400], ['2005', 1170, 460], ['2006', 660, 1120], ['2007', 1030, 540] ]); var options = { title: 'Company Performance', curveType: 'function', legend: { position: 'bottom' } }; var chart = new google.visualization.LineChart(document.getElementById('curve_chart')); chart.draw(data, options); } </script> </head> <body> <div id="curve_chart" style="width: 900px; height: 500px"></div> </body> </html>
सामग्री लाइन चार्ट बनाना
साल 2014 में, हमने Google के प्लैटफ़ॉर्म पर चलने वाली अपनी प्रॉपर्टी और ऐप्लिकेशन (जैसे कि Android ऐप्लिकेशन) पर एक जैसे दिखने और अनुभव देने के लिए दिशा-निर्देशों का एलान किया. हम इस कोशिश को मटीरियल डिज़ाइन कहते हैं. हम अपने सभी मुख्य चार्ट को "कॉन्टेंट" वर्शन में उपलब्ध कराएंगे. अगर आप चाहें, तो इनका इस्तेमाल किया जा सकता है.
मटीरियल लाइन चार्ट बनाने का काम, "क्लासिक" लाइन चार्ट बनाने जैसा ही है.
आप Google विज़ुअलाइज़ेशन एपीआई लोड करते हैं (हालांकि, 'corechart'
पैकेज के बजाय 'line'
पैकेज के साथ), अपनी डेटा टेबल तय करते हैं और फिर एक ऑब्जेक्ट बनाते हैं (लेकिन google.visualization.LineChart
के बजाय
google.charts.Line
क्लास).
ध्यान दें: मटीरियल चार्ट, Internet Explorer के पुराने वर्शन में काम नहीं करेंगे. (IE8 और इससे पहले के वर्शन, SVG फ़ॉर्मैट पर काम नहीं करते. इनमें मटीरियल चार्ट ज़रूरी होते हैं.)
मटीरियल लाइन चार्ट में क्लासिक लाइन चार्ट के मुकाबले कई छोटे सुधार हैं. इनमें बेहतर रंग पटल, गोलाकार कोने, साफ़ लेबल फ़ॉर्मैटिंग, सीरीज़ के बीच कम दूरी वाली जगह, नर्म ग्रिडलाइन, और शीर्षक (और सबटाइटल शामिल हैं) शामिल हैं.
google.charts.load('current', {'packages':['line']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('number', 'Day'); data.addColumn('number', 'Guardians of the Galaxy'); data.addColumn('number', 'The Avengers'); data.addColumn('number', 'Transformers: Age of Extinction'); data.addRows([ [1, 37.8, 80.8, 41.8], [2, 30.9, 69.5, 32.4], [3, 25.4, 57, 25.7], [4, 11.7, 18.8, 10.5], [5, 11.9, 17.6, 10.4], [6, 8.8, 13.6, 7.7], [7, 7.6, 12.3, 9.6], [8, 12.3, 29.2, 10.6], [9, 16.9, 42.9, 14.8], [10, 12.8, 30.9, 11.6], [11, 5.3, 7.9, 4.7], [12, 6.6, 8.4, 5.2], [13, 4.8, 6.3, 3.6], [14, 4.2, 6.2, 3.4] ]); var options = { chart: { title: 'Box Office Earnings in First Two Weeks of Opening', subtitle: 'in millions of dollars (USD)' }, width: 900, height: 500 }; var chart = new google.charts.Line(document.getElementById('linechart_material')); chart.draw(data, google.charts.Line.convertOptions(options)); }
मटीरियल चार्ट बीटा वर्शन में हैं. खोज नतीजों में दिखने और इंटरैक्ट करने के तरीके काफ़ी हद तक तय होते हैं, लेकिन क्लासिक चार्ट में मौजूद विकल्पों में से कई अब तक उपलब्ध नहीं हैं. उन विकल्पों की सूची यहां देखी जा सकती है जो अब तक इस समस्या में काम नहीं करते हैं.
साथ ही, यह भी तय नहीं किया जा सकता कि विकल्पों की जानकारी किस तरीके से दी जाए. इसलिए, अगर आप
किसी भी क्लासिक विकल्प का इस्तेमाल कर रहे हैं, तो आपको इस लाइन को बदलकर उन्हें मौजूदा विकल्पों में बदलना होगा:
chart.draw(data, options);
...इसके साथ:
chart.draw(data, google.charts.Line.convertOptions(options));
ड्यूअल-Y चार्ट
कभी-कभी आप एक लाइन चार्ट में दो सीरीज़, दो स्वतंत्र y-ऐक्सिस के साथ दिखाना चाहेंगे: एक सीरीज़ के लिए बाईं ओर ऐक्सिस और दूसरी के लिए राइट ऐक्सिस:
ध्यान दें कि हमारे दो y-ऐक्सिस सिर्फ़ अलग-अलग लेबल किए गए हैं, जैसे कि "temps" बनाम "Daylight". हालांकि, दोनों के अलग-अलग स्केल और ग्रिडलाइन हैं. अपनी पसंद के मुताबिक यह तरीका चुनने के लिए, vAxis.gridlines
और vAxis.viewWindow
विकल्प का इस्तेमाल करें.
नीचे दिए गए मटीरियल कोड में, axes
और series
विकल्प एक साथ चार्ट के ड्यूअल-Y के बारे में बताते हैं. series
विकल्प से पता चलता है कि हर ऐक्सिस के लिए कौनसा ऐक्सिस इस्तेमाल करना चाहिए ('Temps'
और 'Daylight'
; इनका डेटा टेबल में दिए गए कॉलम के नामों से कोई संबंध नहीं होता). axes
विकल्प, इस चार्ट को एक डबल-Y चार्ट बनाता है. इसमें, बाईं ओर 'Temps'
ऐक्सिस और दाईं ओर 'Daylight'
ऐक्सिस होता है.
क्लासिक कोड में यह थोड़ा अलग होता है. axes
विकल्प के बजाय, आपको vAxes
के विकल्प का इस्तेमाल करना होगा. वहीं, हॉरिज़ॉन्टल तौर पर बनाए गए चार्ट पर, hAxes
का इस्तेमाल किया जाएगा. साथ ही,
नामों का इस्तेमाल करने के बजाय, इंडेक्स विकल्प का इस्तेमाल करके, targetAxisIndex
विकल्प का इस्तेमाल करके, किसी ऐक्सिस के साथ सीरीज़ को सिंक करें.
var materialOptions = { chart: { title: 'Average Temperatures and Daylight in Iceland Throughout the Year' }, width: 900, height: 500, series: { // Gives each series an axis name that matches the Y-axis below. 0: {axis: 'Temps'}, 1: {axis: 'Daylight'} }, axes: { // Adds labels to each axis; they don't have to match the axis names. y: { Temps: {label: 'Temps (Celsius)'}, Daylight: {label: 'Daylight'} } } };
var classicOptions = { title: 'Average Temperatures and Daylight in Iceland Throughout the Year', width: 900, height: 500, // Gives each series an axis that matches the vAxes number below. series: { 0: {targetAxisIndex: 0}, 1: {targetAxisIndex: 1} }, vAxes: { // Adds titles to each axis. 0: {title: 'Temps (Celsius)'}, 1: {title: 'Daylight'} }, hAxis: { ticks: [new Date(2014, 0), new Date(2014, 1), new Date(2014, 2), new Date(2014, 3), new Date(2014, 4), new Date(2014, 5), new Date(2014, 6), new Date(2014, 7), new Date(2014, 8), new Date(2014, 9), new Date(2014, 10), new Date(2014, 11) ] }, vAxis: { viewWindow: { max: 30 } } };
टॉप-X चार्ट
ध्यान दें: टॉप-X ऐक्सिस सिर्फ़ मटीरियल चार्ट के लिए उपलब्ध हैं (जैसे कि पैकेज line
).
अगर आपको अपने चार्ट में, सबसे नीचे के बजाय X-ऐक्सिस लेबल और शीर्षक को सबसे ऊपर रखना है, तो axes.x
विकल्प का इस्तेमाल करके मटीरियल चार्ट में ऐसा किया जा सकता है:
<html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load('current', {'packages':['line']}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(); data.addColumn('number', 'Day'); data.addColumn('number', 'Guardians of the Galaxy'); data.addColumn('number', 'The Avengers'); data.addColumn('number', 'Transformers: Age of Extinction'); data.addRows([ [1, 37.8, 80.8, 41.8], [2, 30.9, 69.5, 32.4], [3, 25.4, 57, 25.7], [4, 11.7, 18.8, 10.5], [5, 11.9, 17.6, 10.4], [6, 8.8, 13.6, 7.7], [7, 7.6, 12.3, 9.6], [8, 12.3, 29.2, 10.6], [9, 16.9, 42.9, 14.8], [10, 12.8, 30.9, 11.6], [11, 5.3, 7.9, 4.7], [12, 6.6, 8.4, 5.2], [13, 4.8, 6.3, 3.6], [14, 4.2, 6.2, 3.4] ]); var options = { chart: { title: 'Box Office Earnings in First Two Weeks of Opening', subtitle: 'in millions of dollars (USD)' }, width: 900, height: 500, axes: { x: { 0: {side: 'top'} } } }; var chart = new google.charts.Line(document.getElementById('line_top_x')); chart.draw(data, google.charts.Line.convertOptions(options)); } </script> </head> <body> <div id="line_top_x"></div> </body> </html>
लोड हो रहा है
google.charts.load
पैकेज का नाम "corechart"
है और
विज़ुअलाइज़ेशन की क्लास का नाम google.visualization.LineChart
है.
google.charts.load("current", {packages: ["corechart"]});
var visualization = new google.visualization.LineChart(container);
मटीरियल लाइन चार्ट के लिए, google.charts.load
पैकेज का नाम "line"
है, जबकि विज़ुअलाइज़ेशन की क्लास का नाम google.charts.Line
है.
google.charts.load("current", {packages: ["line"]});
var visualization = new google.charts.Line(container);
डेटा फ़ॉर्मैट
पंक्तियां: टेबल की हर पंक्ति, एक ही x-ऐक्सिस लोकेशन वाले डेटा पॉइंट के सेट को दिखाती है.
कॉलम:
कॉलम 0 | स्तंभ 1 | ... | कॉलम N | |
---|---|---|---|---|
मकसद: | पंक्ति 1 मान | ... | लाइन N की वैल्यू | |
डेटा टाइप: | संख्या | ... | संख्या | |
भूमिका: | डोमेन | डेटा | ... | डेटा |
कॉलम की भूमिकाएं: | ... |
कॉन्फ़िगरेशन के विकल्प
नाम | |
---|---|
एग्रीगेशन टारगेट |
डेटा के एक से ज़्यादा विकल्प चुनने के टूल के तौर पर:
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', }; टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'अपने-आप'
|
एनिमेशन.अवधि |
ऐनिमेशन का कुल समय (मिलीसेकंड में). ज़्यादा जानकारी के लिए, ऐनिमेशन का दस्तावेज़ देखें. टाइप: नंबर
डिफ़ॉल्ट: 0
|
एनिमेशन |
इससे तय होता है कि चार्ट शुरुआती ड्रॉ के दौरान ऐनिमेट होगा या नहीं. अगर टाइप: बूलियन
डिफ़ॉल्ट गलत
|
एनिमेशन |
ईज़िंग फ़ंक्शन ऐनिमेशन पर लागू किया गया. फ़िल्टर के लिए, यहां दिए गए विकल्प उपलब्ध होते हैं:
टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'लीनियर'
|
एनोटेशन.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 } } } }; फ़िलहाल, यह विकल्प क्षेत्र, बार, कॉलम, कॉम्बो, लाइन, और स्कैटर चार्ट के लिए काम करता है. यह एनोटेशन चार्ट के साथ काम नहीं करता. टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
एनोटेशन |
एनोटेशन
का इस्तेमाल करने वाले चार्ट के लिए,
annotations.datum ऑब्जेक्ट, आपको अलग-अलग डेटा एलिमेंट (जैसे कि बार चार्ट पर मौजूद हर बार के साथ दिखने वाली वैल्यू) के लिए दिए गए एनोटेशन के लिए, Google चार्ट के विकल्प को बदलने की सुविधा देता है. annotations.datum.stem.color से स्टेम लंबाई annotations.datum.stem.length , और annotations.datum.style से स्टाइल को कंट्रोल किया जा सकता है.
टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: रंग "काला" है; लंबाई 12 है; शैली "पॉइंट" है.
|
एनोटेशन |
व्याख्या का समर्थन करने वाले चार्ट के लिए,
annotations.domain ऑब्जेक्ट आपको डोमेन के लिए दिए गए एनोटेशन के लिए Google चार्ट की पसंद को बदलने देता है (चार्ट का मुख्य अक्ष, जैसे कि सामान्य लाइन चार्ट पर X अक्ष). annotations.domain.stem.color से स्टेम लंबाई annotations.domain.stem.length , और annotations.domain.style से स्टाइल को कंट्रोल किया जा सकता है.
टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: रंग "काला" है; लंबाई 5 है; शैली "पॉइंट" है.
|
एनोटेशन |
एनोटेशन
के साथ काम करने वाले चार्ट में,
annotations.highContrast बूलियन की मदद से, Google चार्ट में एनोटेशन के कलर को बदला जा सकता है. डिफ़ॉल्ट रूप से, annotations.highContrast सही होता है. इसकी वजह से, चार्ट में अच्छे कंट्रास्ट वाले हल्के रंग के साथ-साथ, हल्के बैकग्राउंड पर हल्के रंग होते हैं. अगर annotations.highContrast को 'गलत है' पर सेट किया जाता है, लेकिन अपने एनोटेशन के रंग की जानकारी
नहीं दी जाती, तो Google चार्ट 'व्याख्या' के लिए डिफ़ॉल्ट सीरीज़ कलर का इस्तेमाल करेगा:
टाइप: बूलियन
डिफ़ॉल्ट: true
|
एनोटेशन |
व्याख्या
का समर्थन करने वाले चार्ट के लिए,
annotations.stem ऑब्जेक्ट आपको स्टेम शैली के लिए Google चार्ट की पसंद को ओवरराइड करने देता है. annotations.stem.length की मदद से,
रंग और annotations.stem.color की स्टेम लंबाई को कंट्रोल किया जा सकता है. ध्यान दें कि स्टेम लंबाई के विकल्प से 'line' स्टाइल वाले एनोटेशन पर कोई असर नहीं होता है: 'line' डाटुम एनोटेशन के लिए स्टेम लंबाई हमेशा टेक्स्ट के बराबर होती है और 'line' डोमेन एनोटेशन के लिए स्टेम पूरे चार्ट में फैला होता है.
टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: रंग "काला" है; डोमेन एनोटेशन के लिए लंबाई 5 है और डाटुम एनोटेशन के लिए 12 है.
|
एनोटेशन स्टाइल |
एनोटेशन
के साथ काम करने वाले चार्ट में,
annotations.style के विकल्प की मदद से, आपके पास यह विकल्प होता है कि Google के चुने गए एनोटेशन के टाइप को बदल दें. यह
'line' या 'point' हो सकता है.
टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'पॉइंट'
|
एनोटेशन का टेक्स्ट |
एनोटेशन
का इस्तेमाल करने वाले चार्ट के लिए,
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 } } }; फ़िलहाल, यह विकल्प क्षेत्र, बार, कॉलम, कॉम्बो, लाइन, और स्कैटर चार्ट के लिए काम करता है. यह एनोटेशन चार्ट के साथ काम नहीं करता. टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
ऐक्सिसशीर्षक स्थिति |
चार्ट के एरिया की तुलना में, ऐक्सिस के शीर्षक कहां डालें. इस्तेमाल की जा सकने वाली वैल्यू:
टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'आउट'
|
बैकग्राउंड का रंग |
चार्ट के मुख्य हिस्से का बैकग्राउंड कलर. एचटीएमएल रंग की कोई सामान्य स्ट्रिंग हो सकती है. उदाहरण के लिए: टाइप: स्ट्रिंग या ऑब्जेक्ट
डिफ़ॉल्ट: 'सफ़ेद'
|
बैकग्राउंड का रंग |
चार्ट के बॉर्डर का रंग, एचटीएमएल कलर स्ट्रिंग के तौर पर. टाइप: स्ट्रिंग
डिफ़ॉल्ट: '#666'
|
पृष्ठभूमिरंग.स्ट्रोकचौड़ाई |
बॉर्डर की चौड़ाई, पिक्सल में. टाइप: नंबर
डिफ़ॉल्ट: 0
|
बैकग्राउंड का रंग भरें |
चार्ट, एचटीएमएल कलर स्ट्रिंग के तौर पर रंग भरता है. टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'सफ़ेद'
|
चार्टक्षेत्र |
सदस्यों के साथ एक ऑब्जेक्ट, जो चार्ट एरिया (जहां कि चार्ट खुद बनाया जाता है) के प्लेसमेंट और साइज़ को कॉन्फ़िगर करने के लिए इस्तेमाल किया जा सकता है. हालांकि, ऐक्सिस और लेजेंड को शामिल नहीं किया जा सकता. इसके लिए दो फ़ॉर्मैट इस्तेमाल किए जा सकते हैं: कोई संख्या या कोई संख्या और उसके बाद %. साधारण संख्या किसी मान को पिक्सल में दिखाती है और संख्या के बाद % होता है. उदाहरण: टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
चार्टएरिया.बैकग्राउंड का रंग |
चार्ट एरिया बैकग्राउंड का रंग. स्ट्रिंग का इस्तेमाल करने पर, यह हेक्स स्ट्रिंग हो सकती है
(उदाहरण के लिए, '#fdc') या अंग्रेज़ी रंग का नाम. जब किसी ऑब्जेक्ट का इस्तेमाल किया जाता है, तो ये प्रॉपर्टी
दी जा सकती हैं:
टाइप: स्ट्रिंग या ऑब्जेक्ट
डिफ़ॉल्ट: 'सफ़ेद'
|
चार्टएरिया |
चार्ट को बाएं बॉर्डर से कितनी दूर बनाना है. टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
चार्टएरिया |
चार्ट को ऊपर की सीमा से कितना दूर बनाना है. टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
चार्टएरिया |
चार्ट एरिया की चौड़ाई. टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
चार्टएरीयल ऊंचाई |
चार्ट एरिया की ऊंचाई. टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
कलर |
चार्ट एलिमेंट के लिए इस्तेमाल किए जाने वाले रंग. स्ट्रिंग की श्रेणी, जहां हर एलिमेंट एक एचटीएमएल कलर स्ट्रिंग होता है, उदाहरण के लिए: टाइप: स्ट्रिंग की कैटगरी
डिफ़ॉल्ट: डिफ़ॉल्ट रंग
|
क्रॉसहेयर |
चार्ट के लिए क्रॉसहेयर प्रॉपर्टी वाला ऑब्जेक्ट. टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
Crosshair.color |
क्रॉसहेयर रंग, जिसे किसी रंग के नाम से दिखाया जाता है (उदा., "नीला") या RGB मान (उदाहरण, "#adf"). टाइप: स्ट्रिंग
टाइप: डिफ़ॉल्ट
|
क्रॉसहेयर |
किसी चीज़ पर फ़ोकस करने वाली क्रॉसहेयर प्रॉपर्टी. टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: डिफ़ॉल्ट
|
Crosshair.opacity |
क्रॉसहेयर ओपैसिटी, जिसमें टाइप: नंबर
डिफ़ॉल्ट: 1.0
|
crosshair.orientation |
क्रॉसहेयर ओरिएंटेशन, जो सिर्फ़ वर्टिकल बालों के लिए 'वर्टिकल', सिर्फ़ हॉरिज़ॉन्टल बालों के लिए 'हॉरिज़ॉन्टल' या पारंपरिक क्रॉसहेयर के लिए 'दोनों' हो सकते हैं. टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'दोनों'
|
क्रॉसहेयर |
चुनने पर क्रॉसहेयर प्रॉपर्टी वाला एक ऑब्जेक्ट. टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: डिफ़ॉल्ट
|
crosshair.ट्रिगर |
क्रॉसहेयर कब दिखाएं: टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'दोनों'
|
वक्र प्रकार |
लाइन की चौड़ाई शून्य न होने पर, लाइनों के कर्व को कंट्रोल करता है. इनमें से कोई एक हो सकता है:
टाइप:स्ट्रिंग
डिफ़ॉल्ट: 'कोई नहीं'
|
डेटा की ओपैसिटी |
डेटा बिंदुओं की पारदर्शिता, 1.0 पूरी तरह से अपारदर्शी और 0.0 पूरी तरह से पारदर्शी है. स्कैटर, हिस्टोग्राम, बार, और कॉलम चार्ट में, यह दिखने वाले डेटा के बारे में बताता है: स्कैटर चार्ट में मौजूद बिंदु और दूसरे डाइमेंशन. ऐसे चार्ट में जहां डेटा को चुनने पर डॉट बनता है, जैसे कि लाइन और एरिया चार्ट, वहां पर ऐसे सर्कल दिखते हैं जो माउस घुमाने या चुनने पर दिखते हैं. कॉम्बो चार्ट में दोनों तरह के व्यवहार दिखते हैं और इस विकल्प का दूसरे चार्ट पर असर नहीं होता. (किसी रुझानलाइन की अपारदर्शिता को बदलने के लिए, ट्रेंडलाइन की ओपैसिटी देखें.) टाइप: नंबर
डिफ़ॉल्ट: 1.0
|
इंटरैक्शन की सुविधा चालू करें |
चार्ट, उपयोगकर्ता-आधारित इवेंट दिखाता है या उपयोगकर्ता के इंटरैक्शन पर प्रतिक्रिया देता है. अगर गलत है, तो चार्ट 'चुनें' या दूसरे इंटरैक्शन-आधारित इवेंट नहीं करेगा (लेकिन तैयार या गड़बड़ी वाले इवेंट को कराएगा), और उपयोगकर्ता के इनपुट के आधार पर होवर टेक्स्ट या दूसरे तरीके से नहीं दिखाएगा. टाइप: बूलियन
डिफ़ॉल्ट: true
|
एक्सप्लोरर |
यह सुविधा प्रयोग के तौर पर उपलब्ध है. साथ ही, इसे आने वाली रिलीज़ में भी बदला जा सकता है. ध्यान दें: एक्सप्लोरर सिर्फ़ लगातार ऐक्सिस (जैसे, संख्या या तारीख) के साथ काम करता है. टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
explorer.action |
Google के चार्ट एक्सप्लोरर पर तीन कार्रवाइयां की जा सकती हैं:
टाइप: स्ट्रिंग की कैटगरी
डिफ़ॉल्ट: ['dragToPan', 'rightClickToreset']
|
एक्सप्लोरर.ऐक्सिस |
डिफ़ॉल्ट तौर पर, टाइप: स्ट्रिंग
डिफ़ॉल्ट: हॉरिज़ॉन्टल और वर्टिकल पैनिंग, दोनों
|
explorer.keepInBounds |
डिफ़ॉल्ट रूप से, उपयोगकर्ता डेटा क्षेत्र चाहे जो भी हो, पैन कर सकते हैं. यह पक्का करने के लिए कि उपयोगकर्ता ओरिजनल चार्ट से ज़्यादा पैन न करें, टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
explorer.maxZoomIn |
वह अधिकतम सीमा जिसे एक्सप्लोरर ज़ूम इन कर सकता है. डिफ़ॉल्ट रूप से, उपयोगकर्ता इतना ज़ूम इन कर पाएंगे कि वे ओरिजनल व्यू का सिर्फ़ 25% हिस्सा ही देख पाएंगे. टाइप: नंबर
डिफ़ॉल्ट: 0.25
|
एक्सप्लोरर.मैक्सज़ूम |
वह अधिकतम सीमा जिसे एक्सप्लोरर ज़ूम आउट कर सकता है. डिफ़ॉल्ट रूप से, उपयोगकर्ता इतना ज़ूम आउट कर सकेंगे कि
चार्ट उपलब्ध स्पेस का सिर्फ़ 1/4 हिस्सा ले सकेगा. टाइप: नंबर
डिफ़ॉल्ट: 4
|
explorer.zoomDelta |
जब उपयोगकर्ता ज़ूम इन या आउट करते हैं, तो टाइप: नंबर
डिफ़ॉल्ट: 1.5
|
फ़ोकस टारगेट |
जिस इकाई को माउस के कर्सर पर फ़ोकस किया गया है उसका टाइप. इससे यह भी तय होता है कि माउस की क्लिक से कौनसी इकाई चुनी गई है और इवेंट से कौनसा डेटा टेबल एलिमेंट जुड़ा है. इनमें से कोई एक हो सकती है:
फ़ोकस टारगेट 'कैटगरी' में टूलटिप, कैटगरी की सभी वैल्यू दिखाता है. इससे अलग-अलग सीरीज़ की वैल्यू की तुलना की जा सकती है. टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'डेटा
|
फ़ॉन्ट का साइज़ |
चार्ट में मौजूद सभी टेक्स्ट का डिफ़ॉल्ट फ़ॉन्ट साइज़, पिक्सल में. इसे खास चार्ट एलिमेंट की प्रॉपर्टी का इस्तेमाल करके बदला जा सकता है. टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
फ़ॉन्ट का नाम |
चार्ट के सभी टेक्स्ट के लिए, डिफ़ॉल्ट फ़ॉन्ट फ़ेस. इसे खास चार्ट एलिमेंट की प्रॉपर्टी का इस्तेमाल करके बदला जा सकता है. टाइप: स्ट्रिंग
डिफ़ॉल्ट: '{8/}'
|
फ़ोर्सआईफ़्रेम |
चार्ट को इनलाइन फ़्रेम के अंदर दिखाता है. (ध्यान दें कि IE8 पर, इस विकल्प को अनदेखा किया जाता है; सभी IE8 चार्ट को i-frame में बनाया गया है.) टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
एचएक्सआई |
सदस्य के साथ कोई ऑब्जेक्ट, जो हॉरिज़ॉन्टल ऐक्सिस के अलग-अलग एलिमेंट को कॉन्फ़िगर करता है. इस ऑब्जेक्ट की प्रॉपर्टी बताने के लिए, आप ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल कर सकते हैं, जैसा कि यहां दिखाया गया है: { title: 'Hello', titleTextStyle: { color: '#FF0000' } } टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
hAxs.baseline |
हॉरिज़ॉन्टल ऐक्सिस का बेसलाइन. यह विकल्प सिर्फ़ टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
hAxis.baselineColor |
हॉरिज़ॉन्टल ऐक्सिस के लिए बेसलाइन का रंग. यह कोई भी एचटीएमएल कलर स्ट्रिंग हो सकती है, उदाहरण के लिए:
यह विकल्प सिर्फ़ टाइप: नंबर
डिफ़ॉल्ट: 'काला'
|
hAxis.direction |
वह दिशा जिसमें क्षैतिज अक्ष के साथ मान बढ़ते हैं. वैल्यू का क्रम उलटने के लिए,
टाइप: 1 या -1
डिफ़ॉल्ट: 1
|
hAxis.फ़ॉर्मैट |
संख्या वाली या तारीख ऐक्सिस लेबल की फ़ॉर्मैट स्ट्रिंग.
नंबर ऐक्सिस लेबल के लिए, यह दशमलव फ़ॉर्मैट
आईसीयू पैटर्न सेट
का एक सबसेट है. उदाहरण के लिए,
तारीख के ऐक्सिस लेबल के लिए, यह तारीख के फ़ॉर्मैट
आईसीयू पैटर्न सेट का सबसेट होता है. उदाहरण के लिए, लेबल पर लागू की गई असल फ़ॉर्मैटिंग उस जगह से ली जाती है जहां एपीआई लोड किया गया है. ज़्यादा जानकारी के लिए, खास जगह के साथ चार्ट लोड करना देखें.
टिक वैल्यू और ग्रिडलाइन का हिसाब लगाने के लिए, मिलते-जुलते सभी ग्रिडलाइन विकल्पों के कई दूसरे कॉम्बिनेशन को ध्यान में रखा जाएगा. साथ ही, अगर चुने गए टिक लेबल के डुप्लीकेट या ओवरलैप होंगे, तो उनके विकल्पों को अस्वीकार कर दिया जाएगा.
अगर आपको सिर्फ़ पूर्णांक टिक वैल्यू दिखानी है, तो
यह विकल्प सिर्फ़
टाइप: स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
hAxs.gridlines |
हॉरिज़ॉन्टल ऐक्सिस पर ग्रिडलाइन कॉन्फ़िगर करने की प्रॉपर्टी वाला ऑब्जेक्ट. ध्यान रखें कि हॉरिज़ॉन्टल ऐक्सिस ग्रिडलाइन वर्टिकल तौर पर बनाई गई हैं. इस ऑब्जेक्ट की प्रॉपर्टी बताने के लिए, आप ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल कर सकते हैं, जैसा कि यहां दिखाया गया है: {color: '#333', minSpacing: 20}
यह विकल्प सिर्फ़
टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
hAxis.gridlines.color |
चार्ट एरिया के अंदर हॉरिज़ॉन्टल ग्रिडलाइन का रंग. एचटीएमएल रंग की मान्य स्ट्रिंग बताएं. टाइप: स्ट्रिंग
डिफ़ॉल्ट: '#CCC'
|
hAxis.gridlines.count |
चार्ट एरिया में हॉरिज़ॉन्टल ग्रिडलाइन की अनुमानित संख्या.
अगर आप टाइप: नंबर
डिफ़ॉल्ट: -1
|
hAxis.gridlines.interval |
ग्रिडलाइन के बीच साइज़ की श्रेणी (डेटा वैल्यू के तौर पर, न कि पिक्सल). यह विकल्प, सिर्फ़ संख्या वाले ऐक्सिस के लिए है. हालांकि, यह टाइप: 1 से 10 के बीच की संख्या, जिसमें 10 शामिल नहीं हैं.
डिफ़ॉल्ट: कंप्यूट किया गया
|
hAxis.gridlines.minSpac |
hAxis मेजर ग्रिडलाइन के बीच पिक्सल में कम से कम स्क्रीन स्पेस.
बड़ी ग्रिडलाइनों के लिए डिफ़ॉल्ट विकल्प, टाइप: नंबर
डिफ़ॉल्ट: कंप्यूट किया गया
|
hAxis.gridlines.मल्टी |
सभी ग्रिडलाइन और टिक वैल्यू, इस विकल्प की वैल्यू के
एक से ज़्यादा होने चाहिए. ध्यान दें कि 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*/]}, } } तारीख और समय में, ज़्यादा जानकारी देखी जा सकती है. टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
hAxis.minorGridlines |
एक ऑब्जेक्ट, जिसमें हॉरिज़ॉन्टल ऐक्सिस पर hAxis.gridlines विकल्प के समान छोटी ग्रिडलाइन को कॉन्फ़िगर किया जाता है.
यह विकल्प सिर्फ़
टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
hAxis.minorGridlines.color |
चार्ट एरिया में हॉरिज़ॉन्टल माइनर ग्रिडलाइन का रंग. एचटीएमएल रंग की मान्य स्ट्रिंग बताएं. टाइप: स्ट्रिंग
डिफ़ॉल्ट: ग्रिडलाइन और बैकग्राउंड के रंगों का ब्लेंड
|
hAxis.minorGridlines.count |
टाइप: नंबर
डिफ़ॉल्ट:1
|
hAxis.minorGridlines.interval |
थोड़ा ग्रिडलाइन.इंटरवल विकल्प, मेजर ग्रिडलाइन इंटरवल विकल्प की तरह है. हालांकि, चुना गया इंटरवल हमेशा प्रमुख ग्रिडलाइन इंटरवल के बराबर होगा.
लीनियर स्केल का डिफ़ॉल्ट इंटरवल
टाइप: नंबर
डिफ़ॉल्ट:1
|
hAxis.minorGridlines.minSpacing |
सबसे छोटी ज़रूरी जगह, पिक्सल में, छोटी छोटी ग्रिडलाइन के बीच, और छोटी और बड़ी ग्रिडलाइन के बीच. डिफ़ॉल्ट वैल्यू, लीनियर स्केल के लिए बड़ी ग्रिडलाइनों की 1/2 मिनट की दूरी और लॉग स्केल के लिए 1/5 मिनट की स्पेसिंग है. टाइप: नंबर
डिफ़ॉल्ट:हिसाब लगाया गया
|
hAxis.minorGridlines.एकाधिक |
टाइप: नंबर
डिफ़ॉल्ट: 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*/]}, } } तारीख और समय में, ज़्यादा जानकारी देखी जा सकती है. टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
hAxis.logScale |
यह विकल्प सिर्फ़ टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
hAxis.ScaleType |
यह विकल्प सिर्फ़ टाइप: स्ट्रिंग
डिफ़ॉल्ट: शून्य
|
hAxis.textPosition |
चार्ट के एरिया के हिसाब से हॉरिज़ॉन्टल ऐक्सिस के टेक्स्ट की जगह. इस्तेमाल की जा सकने वाली वैल्यू: 'out', 'in', 'none'. टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'आउट'
|
hAxis.textStyle |
ऑब्जेक्ट, जो हॉरिज़ॉन्टल ऐक्सिस के टेक्स्ट की स्टाइल बताता है. ऑब्जेक्ट का फ़ॉर्मैट ऐसा है: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
टाइप: ऑब्जेक्ट
डिफ़ॉल्ट:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
एचएक्सिस |
अपने-आप बने X-अक्ष टिक को बताई गई श्रेणी से बदलता है. श्रेणी का हर एलिमेंट एक मान्य टिक वैल्यू होना चाहिए (जैसे कि कोई संख्या, तारीख, तारीख या दिन का समय) या कोई ऑब्जेक्ट. अगर यह कोई ऑब्जेक्ट है, तो इसमें टिक वैल्यू के लिए
व्यू विंडो को अपने-आप बड़ा और छोटा करने के लिए,
बड़ा करके दिखाया जाता है. ऐसा तब तक किया जाता है, जब तक आप
उदाहरण:
यह विकल्प सिर्फ़
टाइप: एलिमेंट की कैटगरी
डिफ़ॉल्ट: अपने-आप
|
hAxs.title |
टाइप: स्ट्रिंग
डिफ़ॉल्ट: शून्य
|
hAxis.titleTextStyle |
ऐसा ऑब्जेक्ट जो हॉरिज़ॉन्टल ऐक्सिस के शीर्षक के स्टाइल की जानकारी देता है. ऑब्जेक्ट का फ़ॉर्मैट ऐसा है: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
टाइप: ऑब्जेक्ट
डिफ़ॉल्ट:
{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.minTextSpac |
पिक्सल के अंदर, कम से कम हॉरिज़ॉन्टल स्पेसिंग का इस्तेमाल, टेक्स्ट के बगल में मौजूद दो लेबल के बीच किया जा सकता है. अगर लेबल बहुत ज़्यादा डाले गए हैं या वे बहुत बड़े हैं, तो स्पेस की संख्या इस थ्रेशोल्ड से कम हो सकती है. ऐसे में, लेबल को व्यवस्थित करने के किसी एक तरीके को लागू किया जाएगा. उदाहरण के लिए, लेबल को छोटा करना या उनमें से कुछ को छोड़ना. टाइप: नंबर
डिफ़ॉल्ट:
hAxis.textStyle.fontSize की वैल्यू |
hAxs.showTextहर |
दिखाने के लिए कितने हॉरिज़ॉन्टल ऐक्सिस के लेबल हैं, जहां 1 का मतलब है कि हर लेबल दिखाएं, 2 का मतलब है हर दूसरा लेबल वगैरह. बिना ओवरलैप किए ज़्यादा से ज़्यादा लेबल दिखाने की कोशिश करना, डिफ़ॉल्ट तरीका होता है. टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
hAxis.maxValue |
हॉरिज़ॉन्टल ऐक्सिस के ज़्यादा से ज़्यादा मान को तय वैल्यू पर ले जाता है. यह ज़्यादातर चार्ट में दाईं ओर होगा. अगर इस वैल्यू को डेटा के ज़्यादा से ज़्यादा x-वैल्यू से कम पर सेट किया जाता है, तो अनदेखा किया जाता है.
यह विकल्प सिर्फ़
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
hAxis.minValue |
हॉरिज़ॉन्टल ऐक्सिस के कम से कम मान को तय वैल्यू पर ले जाता है. ज़्यादातर चार्ट में इसे बाईं ओर ले जाया जाएगा. अगर यह डेटा के कम से कम x-मान से ज़्यादा मान पर सेट है, तो अनदेखा कर दिया जाएगा.
यह विकल्प सिर्फ़
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
hAxis.viewwindowMode |
चार्ट क्षेत्र में मानों को रेंडर करने के लिए क्षैतिज अक्ष को स्केल करने का तरीका बताता है. स्ट्रिंग की इन वैल्यू का इस्तेमाल किया जा सकता है:
यह विकल्प सिर्फ़
टाइप: स्ट्रिंग
डिफ़ॉल्ट:
यह ' बहुत सुंदर' के बराबर है, लेकिन इस्तेमाल किए जाने पर
haxis.viewWindow.min और
haxis.viewWindow.max को प्राथमिकता दी जाती है.
|
hAxis.viewविंडो |
हॉरिज़ॉन्टल ऐक्सिस की काट-छांट की रेंज बताता है. टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
hAxis.viewwindow.max |
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
hAxis.viewwindow.min |
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
ऊंचाई |
चार्ट की ऊंचाई, पिक्सल में. टाइप: नंबर
डिफ़ॉल्ट: शामिल एलिमेंट की ऊंचाई
|
इंटरपोलेट नल्स |
पॉइंट का मान लगाना है या नहीं. अगर सही है, तो यह आस-पास के पॉइंट के आधार पर, छूटे हुए डेटा की वैल्यू का अनुमान लगाएगा. गलत होने पर, यह उस लाइन पर ब्रेक छोड़ देगा जिसकी जानकारी नहीं है.
टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
लेजेंड |
लेजेंड के अलग-अलग पहलुओं को कॉन्फ़िगर करने वाला एक ऑब्जेक्ट. इस ऑब्जेक्ट की प्रॉपर्टी बताने के लिए, आप ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल कर सकते हैं, जैसा कि यहां दिखाया गया है: {position: 'top', textStyle: {color: 'blue', fontSize: 16}} टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
लेजेंड.संरेखण |
लेजेंड का अलाइनमेंट. इनमें से कोई एक हो सकता है:
शुरू करने, बीच में, और खत्म होने से यह तय होता है कि लेजेंड- स्टाइल, वर्टिकल या हॉरिज़ॉन्टल है. उदाहरण के लिए, 'दाएं' लेजेंड में, 'शुरू' और 'आखिर', क्रम में सबसे ऊपर और सबसे नीचे होते हैं; 'ऊपर' लेजेंड के लिए, 'शुरू' और 'आखिर', जगह के बाईं और दाईं ओर होंगे. डिफ़ॉल्ट वैल्यू, लेजेंड की जगह पर निर्भर करती है. 'निचले' लेजेंड के लिए, डिफ़ॉल्ट रूप से 'center' होता है और दूसरा लेजेंड 'start' होता है. टाइप: स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
लेजेंड.ज़्यादा से ज़्यादा लाइनें |
लेजेंड में लाइनों की ज़्यादा से ज़्यादा संख्या. अपने लेजेंड में लाइन जोड़ने के लिए, इसे ऐसी संख्या पर सेट करें जो एक से ज़्यादा हो. ध्यान दें: रेंडर की गई लाइनों की असल संख्या को तय करने के लिए, जिस लॉजिक का इस्तेमाल किया गया है वह अब भी फ़्लक्स है. यह विकल्प अभी सिर्फ़ तभी काम करता है, जब लेजेंड.पोज़िशन 'सबसे ऊपर' हो. टाइप: नंबर
डिफ़ॉल्ट: 1
|
लेजेंड.पेज इंडेक्स |
लेजेंड के शुरुआती आधार पर, शून्य पर आधारित पेज इंडेक्स. टाइप: नंबर
डिफ़ॉल्ट: 0
|
लेजेंड.स्थिति |
लेजेंड की जगह. इनमें से कोई एक हो सकता है:
टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'दाएं'
|
लेजेंड.टेक्स्टस्टाइल |
ऐसा ऑब्जेक्ट जो लेजेंड टेक्स्ट की स्टाइल बताता है. ऑब्जेक्ट का फ़ॉर्मैट ऐसा है: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
टाइप: ऑब्जेक्ट
डिफ़ॉल्ट:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
LineDashStyle |
डैश वाली लाइन के लिए चालू और बंद पैटर्न. उदाहरण के लिए, टाइप: संख्याओं की कैटगरी
डिफ़ॉल्ट: शून्य
|
LineWidth |
पिक्सेल में डेटा लाइन की चौड़ाई. सभी लाइनें छिपाने और सिर्फ़ पॉइंट दिखाने के लिए, शून्य का इस्तेमाल करें. आप टाइप: नंबर
डिफ़ॉल्ट: 2
|
ओरिएंटेशन |
चार्ट का ओरिएंटेशन. टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'हॉरिज़ॉन्टल'
|
पॉइंट आकार |
अलग-अलग डेटा एलिमेंट का आकार: 'गोल', 'त्रिकोण', 'वर्ग', 'डायमंड', 'स्टार' या 'पॉलीगॉन'. उदाहरण के लिए, पॉइंट दस्तावेज़ देखें. टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'सर्कल'
|
पॉइंट का साइज़ |
पिक्सल में दिखाए गए पॉइंट का व्यास. सभी बिंदुओं को छिपाने के लिए शून्य का इस्तेमाल करें. आप टाइप: नंबर
डिफ़ॉल्ट: 0
|
पॉइंट दिख रहे हैं |
तय करता है कि पॉइंट दिखाए जाएंगे या नहीं. सभी बिंदुओं को छिपाने के लिए
इसे टाइप: बूलियन
डिफ़ॉल्ट: true
|
रिवरकैटगरी श्रेणियां |
अगर इसे 'सही है' पर सेट किया जाता है, तो सीरीज़ को दाईं से बाईं ओर दिखाया जाएगा. डिफ़ॉल्ट बाएं-से-दाएं बनाना है.
यह विकल्प सिर्फ़
टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
चुने गए मोड |
टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'एक'
|
शृंखला |
ऑब्जेक्ट की कैटगरी, हर चार्ट में उससे जुड़ी सीरीज़ के फ़ॉर्मैट की जानकारी देती है. किसी सीरीज़ के लिए डिफ़ॉल्ट वैल्यू का इस्तेमाल करने के लिए, एक खाली ऑब्जेक्ट {} बताएं. अगर कोई सीरीज़ या वैल्यू तय नहीं की गई है, तो ग्लोबल वैल्यू का इस्तेमाल किया जाएगा. हर ऑब्जेक्ट इन प्रॉपर्टी के साथ काम करता है:
आपके पास ऑब्जेक्ट के कलेक्शन के लिए एक क्रम तय करने का विकल्प होता है. हर ऑब्जेक्ट, सीरीज़ के दिए गए क्रम में लागू होता है या आपके पास एक ऐसा ऑब्जेक्ट तय करने का विकल्प होता है जिसमें हर बच्चे के लिए संख्या वाली कुंजी होती है. इससे पता चलता है कि वह कौनसी सीरीज़ पर लागू होती है. उदाहरण के लिए, ये दो एलान एक जैसे हैं. इनमें पहली सीरीज़ को, श्याम और गैर-मौजूद बताने के साथ ही चौथी सीरीज़ को लाल और गैर-मौजूद बताया गया है. series: [ {color: 'black', visibleInLegend: false}, {}, {}, {color: 'red', visibleInLegend: false} ] series: { 0:{color: 'black', visibleInLegend: false}, 3:{color: 'red', visibleInLegend: false} } टाइप: ऑब्जेक्ट की कैटगरी या नेस्टेड ऑब्जेक्ट वाली ऑब्जेक्ट
डिफ़ॉल्ट: {}
|
theme |
थीम, पहले से तय विकल्प वैल्यू का एक सेट होता है. इससे, किसी खास चार्ट के व्यवहार या विज़ुअल इफ़ेक्ट को एक साथ हासिल किया जा सकता है. फ़िलहाल, सिर्फ़ एक थीम उपलब्ध है:
टाइप: स्ट्रिंग
डिफ़ॉल्ट: शून्य
|
शीर्षक |
चार्ट के ऊपर दिखाया जाने वाला टेक्स्ट. टाइप: स्ट्रिंग
डिफ़ॉल्ट: कोई शीर्षक नहीं
|
titlePosition |
चार्ट एरिया की तुलना में, चार्ट का शीर्षक कहां डालें. इस्तेमाल की जा सकने वाली वैल्यू:
टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'आउट'
|
शीर्षक टेक्स्ट स्टाइल |
शीर्षक टेक्स्ट की शैली बताने वाला ऑब्जेक्ट. ऑब्जेक्ट का फ़ॉर्मैट ऐसा है: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
टाइप: ऑब्जेक्ट
डिफ़ॉल्ट:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
टूलटिप |
कई टूलटिप एलिमेंट को कॉन्फ़िगर करने के लिए, ऑब्जेक्ट वाला ऑब्जेक्ट. इस ऑब्जेक्ट की प्रॉपर्टी तय करने के लिए, आप ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल कर सकते हैं, जैसा कि यहां दिखाया गया है: {textStyle: {color: '#FF0000'}, showColorCode: true} टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
टूलटिप.ध्यान न दें |
अगर इसे ध्यान दें: यह सिर्फ़ एचटीएमएल टूलटिप पर लागू होता है. अगर इसे SVG टूलटिप के साथ चालू किया जाता है, तो चार्ट की सीमाओं के बाहर मौजूद किसी भी ओवरफ़्लो को काट दिया जाएगा. ज़्यादा जानकारी के लिए, टूलटिप कॉन्टेंट को पसंद के मुताबिक बनाना देखें. टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
टूलटिप |
अगर इस नीति को 'सही है' पर सेट किया जाता है, तो एचटीएमएल-रेंडर किया गया (SVG-रेंडरिंग के बजाय) टूलटिप का इस्तेमाल करें. ज़्यादा जानकारी के लिए, टूलटिप कॉन्टेंट को पसंद के मुताबिक बनाना देखें. ध्यान दें: टूलटिप कॉलम डेटा भूमिका के ज़रिए, एचटीएमएल टूलटिप कॉन्टेंट को पसंद के मुताबिक बनाना बबल चार्ट विज़ुअलाइज़ेशन के साथ काम नहीं करता. टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
टूलटिप |
अगर सही है, तो टूलटिप में सीरीज़ की जानकारी के बगल में, रंग वाले स्क्वेयर दिखाएं. टाइप: बूलियन
डिफ़ॉल्ट: अपने-आप
|
टूलटिप |
टूलटिप टेक्स्ट की स्टाइल के बारे में बताने वाला ऑब्जेक्ट. ऑब्जेक्ट का फ़ॉर्मैट ऐसा है: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
टाइप: ऑब्जेक्ट
डिफ़ॉल्ट:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
टूलटिप |
जिस उपयोगकर्ता इंटरैक्शन की वजह से टूलटिप दिखता है:
टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'फ़ोकस'
|
ट्रेंडलाइन |
उन्हें दिखाने वाले चार्ट पर
ट्रेंडलाइन
दिखाता है. डिफ़ॉल्ट तौर पर, लीनियर ट्रेंडलाइन
इस्तेमाल की जाती हैं, लेकिन
ट्रेंडलाइन, हर सीरीज़ के हिसाब से तय होती हैं. इसलिए, आम तौर पर आपके विकल्प कुछ इस तरह दिखेंगे: var options = { trendlines: { 0: { type: 'linear', color: 'green', lineWidth: 3, opacity: 0.3, showR2: true, visibleInLegend: true } } } टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
ट्रेंडलाइन.n.color |
ट्रेंडलाइन का रंग, को अंग्रेज़ी रंग के नाम या हेक्स स्ट्रिंग के तौर पर दिखाया जाता है. टाइप: स्ट्रिंग
डिफ़ॉल्ट: सीरीज़ का डिफ़ॉल्ट रंग
|
ट्रेंडलाइन.n.डिग्री |
टाइप: नंबर
डिफ़ॉल्ट: 3
|
ट्रेंडलाइन.n.labelInLegend |
अगर यह सेट है, तो ट्रेंडलाइन , लेजेंड में इस स्ट्रिंग के तौर पर दिखेगी. टाइप: स्ट्रिंग
डिफ़ॉल्ट: शून्य
|
ट्रेंडलाइन.n.lineWidth |
पिक्सल में, ट्रेंडलाइन की लाइन की चौड़ाई. टाइप: नंबर
डिफ़ॉल्ट: 2
|
ट्रेंडलाइन.n.opacity |
ट्रेंडलाइन के बारे में जानकारी, 0.0 (पारदर्शी) से 1.0 (पारदर्शी) तक. टाइप: नंबर
डिफ़ॉल्ट: 1.0
|
ट्रेंडलाइन.n.pointSize |
ट्रेंडलाइन
को चुनने के लिए, चार्ट पर बहुत से बिंदुओं पर मोहर लगाई जाती है. हालांकि, इसकी ज़रूरत शायद ही पड़ती हो, लेकिन डॉट के साइज़ को अपनी पसंद के मुताबिक बनाया जा सके. ट्रेंडलाइन का टाइप: नंबर
डिफ़ॉल्ट: 1
|
ट्रेंडलाइन.n.पॉइंट दिखने की सुविधा |
ट्रेंडलाइन
को चार्ट पर कई बिंदुओं पर स्टैंप लगाकर, तय किया जाता है. ट्रेंडलाइन का
टाइप: बूलियन
डिफ़ॉल्ट: true
|
ट्रेंडलाइन.n.showR2 |
लेजेंड या ट्रेंडलाइन टूलटिप में तय किया गया गुणांक दिखाना है या नहीं. टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
ट्रेंडलाइन.n.type |
चाहे
ट्रेंडलाइन
टाइप: स्ट्रिंग
डिफ़ॉल्ट: लीनियर
|
ट्रेंडलाइन.n.visibleInLegend |
ट्रेंडलाइन लेजेंड, लेजेंड में दिखता है या नहीं. (यह ट्रेंडलाइन टूलटिप में दिखेगा.) टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
वैक्स |
अगर चार्ट में एक से ज़्यादा वर्टिकल ऐक्सिस हैं, तो अलग-अलग वर्टिकल ऐक्सिस के लिए प्रॉपर्टी तय की जाएगी.
हर चाइल्ड ऑब्जेक्ट एक
एक से ज़्यादा वर्टिकल ऐक्सिस वाले चार्ट बनाने के लिए, पहले
{ series: { 2: { targetAxisIndex:1 } }, vAxes: { 1: { title:'Losses', textStyle: {color: 'red'} } } }
यह प्रॉपर्टी, ऑब्जेक्ट या कलेक्शन हो सकती है: ऑब्जेक्ट, ऑब्जेक्ट का कलेक्शन है. हर ऑब्जेक्ट, संख्या वाला लेबल होता है. यह लेबल उस ऐक्सिस के बारे में बताता है जिसे वह तय करता है. -- ऊपर दिया गया फ़ॉर्मैट, कलेक्शन होता है. कलेक्शन, हर ऐक्सिस में एक ऑब्जेक्ट होता है. उदाहरण के लिए, श्रेणी के स्टाइल वाला यह नोटेशन, ऊपर दिखाए गए vAxes: [ {}, // Nothing specified for axis 0 { title:'Losses', textStyle: {color: 'red'} // Axis 1 } ] टाइप: ऑब्जेक्ट की कैटगरी या चाइल्ड ऑब्जेक्ट के साथ ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
वैक्सिस |
अलग-अलग वर्टिकल ऐक्सिस के एलिमेंट कॉन्फ़िगर करने के लिए, सदस्यों वाला ऑब्जेक्ट. इस ऑब्जेक्ट की प्रॉपर्टी बताने के लिए, आप ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल कर सकते हैं, जैसा कि यहां दिखाया गया है: {title: 'Hello', titleTextStyle: {color: '#FF0000'}} टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
वाक्सिस बेसलाइन |
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
vAxis.baselineColor |
वर्टिकल ऐक्सिस के लिए बेसलाइन का रंग बताता है. यह कोई भी एचटीएमएल कलर स्ट्रिंग हो सकती है, उदाहरण के लिए: टाइप: नंबर
डिफ़ॉल्ट: 'काला'
|
vAxis.direction |
वह दिशा जिसमें वर्टिकल ऐक्सिस से वैल्यू बढ़ती हैं. डिफ़ॉल्ट रूप से, कम वैल्यू
चार्ट के सबसे नीचे होती हैं. वैल्यू का क्रम उलटने के लिए,
टाइप: 1 या -1
डिफ़ॉल्ट: 1
|
vAxis.फ़ॉर्मैट |
संख्या में ऐक्सिस लेबल के लिए एक फ़ॉर्मैट स्ट्रिंग. यह
आईसीयू पैटर्न सेट
का सबसेट है.
उदाहरण के लिए,
लेबल पर लागू की गई असल फ़ॉर्मैटिंग उस जगह से ली जाती है जहां एपीआई लोड किया गया है. ज़्यादा जानकारी के लिए, खास जगह के साथ चार्ट लोड करना देखें.
टिक वैल्यू और ग्रिडलाइन का हिसाब लगाने के लिए, मिलते-जुलते सभी ग्रिडलाइन विकल्पों के कई दूसरे कॉम्बिनेशन को ध्यान में रखा जाएगा. साथ ही, अगर चुने गए टिक लेबल के डुप्लीकेट या ओवरलैप होंगे, तो उनके विकल्पों को अस्वीकार कर दिया जाएगा.
अगर आपको सिर्फ़ पूर्णांक टिक वैल्यू दिखानी है, तो टाइप: स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
वैक्सिस ग्रिड्लिक्स |
वर्टिकल ऐक्सिस पर ग्रिडलाइन कॉन्फ़िगर करने के लिए, ऑब्जेक्ट रखने वाला ऑब्जेक्ट. ध्यान रखें कि वर्टिकल ऐक्सिस ग्रिडलाइन हॉरिज़ॉन्टल तौर पर बनाई गई होती हैं. इस ऑब्जेक्ट की प्रॉपर्टी बताने के लिए, आप ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल कर सकते हैं, जैसा कि यहां दिखाया गया है: {color: '#333', minSpacing: 20} टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
vAxis.gridlines.color |
चार्ट एरिया में वर्टिकल ग्रिडलाइन का रंग. मान्य एचटीएमएल कलर स्ट्रिंग बताएं. टाइप: स्ट्रिंग
डिफ़ॉल्ट: '#CCC'
|
वैक्सिस.gridlines.count |
चार्ट एरिया में हॉरिज़ॉन्टल ग्रिडलाइन की अनुमानित संख्या.
अगर आप टाइप: नंबर
डिफ़ॉल्ट: -1
|
vAxis.gridlines.interval |
ग्रिडलाइन के बीच साइज़ की श्रेणी (डेटा वैल्यू के तौर पर, न कि पिक्सल). यह विकल्प, सिर्फ़ संख्या वाले ऐक्सिस के लिए है. हालांकि, यह टाइप: 1 से 10 के बीच की संख्या, जिसमें 10 शामिल नहीं हैं.
डिफ़ॉल्ट: कंप्यूट किया गया
|
vAxis.gridlines.minSpac |
hAxis मेजर ग्रिडलाइन के बीच पिक्सल में कम से कम स्क्रीन स्पेस.
बड़ी ग्रिडलाइनों के लिए डिफ़ॉल्ट विकल्प, टाइप: नंबर
डिफ़ॉल्ट: कंप्यूट किया गया
|
CANNOT TRANSLATE |
सभी ग्रिडलाइन और टिक वैल्यू, इस विकल्प की वैल्यू के
एक से ज़्यादा होने चाहिए. ध्यान दें कि 10 बार के अंतर को इंटरवल के उलट, गुणा करने के नतीजे नहीं माना जाता.
इसलिए, आप टाइप: नंबर
डिफ़ॉल्ट: 1
|
वैक्सिस.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*/]} } } तारीख और समय में, ज़्यादा जानकारी देखी जा सकती है. टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
वैक्सिस.minorGridlines |
vAxis.gridlines विकल्प के समान, वर्टिकल अक्ष पर छोटी ग्रिडलाइन को कॉन्फ़िगर करने के लिए सदस्यों के साथ एक ऑब्जेक्ट. टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
vAxis.minorGridlines.रंग |
चार्ट एरिया में वर्टिकल छोटी ग्रिडलाइन का रंग. एचटीएमएल रंग की मान्य स्ट्रिंग बताएं. टाइप: स्ट्रिंग
डिफ़ॉल्ट: ग्रिडलाइन और बैकग्राउंड के रंगों का ब्लेंड
|
vAxis.minorGridlines.count |
माइनर ग्रिडलाइन.काउंट विकल्प को ज़्यादातर तब रोका जाता है, जब माइनर ग्रिडलाइन को 0 पर सेट करके इसे बंद नहीं किया जाता है. छोटी ग्रिडलाइन की संख्या, बड़ी ग्रिडलाइन (vAxis.gridlines.interval) और कम से कम ज़रूरी खाली जगह (vAxis.minorGridlines.minSpac) को देखें. टाइप: नंबर
डिफ़ॉल्ट: 1
|
vAxis.minorGridlines.interval |
थोड़ा ग्रिडलाइन.इंटरवल विकल्प, मेजर ग्रिडलाइन इंटरवल विकल्प की तरह है. हालांकि, चुना गया इंटरवल हमेशा प्रमुख ग्रिडलाइन इंटरवल के बराबर होगा.
लीनियर स्केल का डिफ़ॉल्ट इंटरवल
टाइप: नंबर
डिफ़ॉल्ट:1
|
vAxis.minorGridlines.minSpac |
सबसे छोटी ज़रूरी जगह, पिक्सल में, छोटी छोटी ग्रिडलाइन के बीच, और छोटी और बड़ी ग्रिडलाइन के बीच. डिफ़ॉल्ट वैल्यू, लीनियर स्केल के लिए बड़ी ग्रिडलाइनों की 1/2 मिनट की दूरी और लॉग स्केल के लिए 1/5 मिनट की स्पेसिंग है. टाइप: नंबर
डिफ़ॉल्ट:हिसाब लगाया गया
|
vAxis.minorGridlines.एक |
टाइप: नंबर
डिफ़ॉल्ट: 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*/]}, } } तारीख और समय में, ज़्यादा जानकारी देखी जा सकती है. टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
vAxis.logScale |
सही होने पर, वर्टिकल ऐक्सिस से लॉगारिद्मिक स्केल बनता है. ध्यान दें: सभी वैल्यू पॉज़िटिव होनी चाहिए. टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
vAxis.ScaleType |
यह विकल्प सिर्फ़ टाइप: स्ट्रिंग
डिफ़ॉल्ट: शून्य
|
vAxis.textPosition |
चार्ट के एरिया के हिसाब से, वर्टिकल ऐक्सिस पर टेक्स्ट की जगह. इस्तेमाल की जा सकने वाली वैल्यू: 'out', 'in', 'none'. टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'आउट'
|
vAxis.textStyle |
ऐसा ऑब्जेक्ट जो वर्टिकल ऐक्सिस के टेक्स्ट की स्टाइल बताता है. ऑब्जेक्ट का फ़ॉर्मैट ऐसा है: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
टाइप: ऑब्जेक्ट
डिफ़ॉल्ट:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
वैक्सिस |
अपने-आप जनरेट होने वाले Y-ऐक्सिस टिक को, तय की गई श्रेणी से बदल देता है. श्रेणी का हर एलिमेंट एक मान्य टिक वैल्यू होना चाहिए (जैसे कि कोई संख्या, तारीख, तारीख या दिन का समय) या कोई ऑब्जेक्ट. अगर यह कोई ऑब्जेक्ट है, तो इसमें टिक वैल्यू के लिए
व्यू विंडो को अपने-आप बड़ा और छोटा करने के लिए,
बड़ा करके दिखाया जाता है. ऐसा तब तक किया जाता है, जब तक आप
उदाहरण:
टाइप: एलिमेंट की कैटगरी
डिफ़ॉल्ट: अपने-आप
|
वैक्सिस टाइटल |
टाइप: स्ट्रिंग
डिफ़ॉल्ट: कोई शीर्षक नहीं
|
vAxis.titleTextStyle |
ऐसा ऑब्जेक्ट जो वर्टिकल ऐक्सिस शीर्षक के टेक्स्ट की स्टाइल बताता है. ऑब्जेक्ट का फ़ॉर्मैट ऐसा है: { color: <string>, fontName: <string>, fontSize: <number>, bold: <boolean>, italic: <boolean> }
टाइप: ऑब्जेक्ट
डिफ़ॉल्ट:
{color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
|
वैक्सी.मैक्स वैल्यू |
वर्टिकल ऐक्सिस के मान को तय की गई वैल्यू पर ले जाता है. ज़्यादातर चार्ट में यह ऊपर की तरफ़ होता है. अगर यह डेटा के ज़्यादा से ज़्यादा y-मान से कम मान पर सेट है, तो अनदेखा किया गया.
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
vAxis.minValue |
वर्टिकल ऐक्सिस के मान को तय की गई वैल्यू पर ले जाता है. ज़्यादातर चार्ट में यह सबसे नीचे की ओर होगा. अगर यह डेटा के कम से कम y-मान से ज़्यादा मान पर सेट है, तो अनदेखा कर दिया जाता है.
टाइप: नंबर
डिफ़ॉल्ट: शून्य
|
vAxis.viewwindowMode |
चार्ट के क्षेत्र में वैल्यू को रेंडर करने के लिए वर्टिकल ऐक्सिस को स्केल करने का तरीका बताता है. स्ट्रिंग की इन वैल्यू का इस्तेमाल किया जा सकता है:
टाइप: स्ट्रिंग
डिफ़ॉल्ट:
यह ' बहुत सुंदर' के बराबर है, लेकिन इस्तेमाल किए जाने पर
vaxis.viewWindow.min और
vaxis.viewWindow.max को प्राथमिकता दी जाती है.
|
vAxis.viewविंडो |
वर्टिकल ऐक्सिस की क्रॉपिंग रेंज के बारे में बताता है. टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
CANNOT TRANSLATE |
रेंडर करने के लिए ज़्यादा से ज़्यादा वर्टिकल डेटा वैल्यू.
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
vAxis.viewwindow.min |
रेंडर करने के लिए कम से कम वर्टिकल डेटा.
टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
width |
चार्ट की चौड़ाई, पिक्सल में. टाइप: नंबर
डिफ़ॉल्ट: शामिल एलिमेंट की चौड़ाई
|
तरीके
तरीका | |
---|---|
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 |
जब उपयोगकर्ता, लेजेंड वाले पेजों पर क्लिक करते हैं, तो यह टैग सक्रिय होता है. लेजेंड के मौजूदा नंबर पर, पेज के इंडेक्स और पेजों की कुल संख्या को दिखाता है. प्रॉपर्टी: currentPageइंडेक्स, totalPage
|
onmouseover |
तब सक्रिय होता है, जब उपयोगकर्ता किसी विज़ुअल इकाई पर माउस ले जाता है. इससे, संबंधित डेटा टेबल एलिमेंट की पंक्ति और कॉलम इंडेक्स पास हो जाते हैं. प्रॉपर्टी: पंक्ति, कॉलम
|
onmouseout |
तब सक्रिय होता है, जब उपयोगकर्ता माउस का इस्तेमाल करके, विज़ुअल इकाई से दूर चला जाता है. इससे, इससे जुड़े डेटा टेबल एलिमेंट की लाइन और कॉलम के इंडेक्स पास होते हैं. प्रॉपर्टी: पंक्ति, कॉलम
|
ready |
चार्ट, मेथड कॉल के लिए तैयार है. चार्ट बनाने के बाद, अगर आपको चार्ट और इंटरैक्ट करने के तरीकों से इंटरैक्ट करना है, तो प्रॉपर्टी: कोई नहीं
|
select |
तब सक्रिय होता है, जब उपयोगकर्ता किसी विज़ुअल इकाई पर क्लिक करता है. अगर आपको चुना गया है, तो यह जानने के लिए
प्रॉपर्टी: कोई नहीं
|
डेटा नीति
सभी कोड और डेटा को ब्राउज़र में प्रोसेस किया जाता है और रेंडर किया जाता है. किसी भी सर्वर पर डेटा नहीं भेजा जाता.