खास जानकारी
एक इंटरैक्टिव कैंडलस्टिक चार्ट.
कैंडलस्टिक चार्ट का इस्तेमाल, कुल वैरियंस के ऊपर मौजूद ओपनिंग और क्लोज़िंग वैल्यू को दिखाने के लिए किया जाता है. कैंडलस्टिक चार्ट का इस्तेमाल, अक्सर स्टॉक की वैल्यू दिखाने के लिए किया जाता है. इस चार्ट में, जिन आइटम का ओपनिंग वैल्यू, क्लोज़िंग वैल्यू (एक मुनाफ़ा) से कम होता है उन्हें भरे हुए बॉक्स के तौर पर दिखाया जाता है. साथ ही, उन आइटम को खाली बॉक्स के तौर पर दिखाया जाता है जिनमें क्लोज़िंग वैल्यू से ज़्यादा वैल्यू होती है.
उदाहरण
<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([ ['Mon', 20, 28, 38, 45], ['Tue', 31, 38, 55, 66], ['Wed', 50, 55, 77, 80], ['Thu', 77, 77, 66, 50], ['Fri', 68, 66, 22, 15] // Treat first row as data as well. ], true); var options = { legend:'none' }; var chart = new google.visualization.CandlestickChart(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style="width: 900px; height: 500px;"></div> </body> </html>
वॉटरफ़ॉल चार्ट
विकल्पों के सही सेट की मदद से, सामान्य वॉटरफ़ॉल चार्ट से मिलते-जुलते कैंडलस्टिक चार्ट बनाए जा सकते हैं.
नीचे दिए गए कोड में, हम पहले और दूसरे कॉलम में एक जैसे मान रखते हुए, और आखिरी और चौथे कॉलम में एक जैसे मान रखकर,
ऊपरी विकी हटा रहे हैं. बार के बीच के स्पेस को हटाने के लिए, हम bar.groupWidth
को '100%'
पर सेट करते हैं.
<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([ ['Mon', 28, 28, 38, 38], ['Tue', 38, 38, 55, 55], ['Wed', 55, 55, 77, 77], ['Thu', 77, 77, 66, 66], ['Fri', 66, 66, 22, 22] // Treat the first row as data. ], true); var options = { legend: 'none', bar: { groupWidth: '100%' }, // Remove space between bars. candlestick: { fallingColor: { strokeWidth: 0, fill: '#a52714' }, // red risingColor: { strokeWidth: 0, fill: '#0f9d58' } // green } }; var chart = new google.visualization.CandlestickChart(document.getElementById('chart_div')); chart.draw(data, options); } </script> </head> <body> <div id="chart_div" style="width: 900px; height: 500px;"></div> </body> </html>
फ़िलहाल, बार को लेबल करने का कोई आसान तरीका नहीं है. ओवरले का इस्तेमाल करना सबसे अच्छा विकल्प है.
लोड हो रहा है
google.charts.load
पैकेज का नाम "corechart"
है.
google.charts.load('current', {packages: ['corechart']});
विज़ुअलाइज़ेशन की क्लास का नाम
google.visualization.CandlestickChart.
है
var visualization = new google.visualization.CandlestickChart(container);
डेटा फ़ॉर्मैट
पांच या ज़्यादा कॉलम, जहां पहला कॉलम X-ऐक्सिस की वैल्यू या ग्रुप लेबल को दिखाता है. इसके बाद, चार डेटा कॉलम के हर एक से ज़्यादा कॉलम अलग-अलग सीरीज़ के बारे में बताते हैं.
- कोल 0: स्ट्रिंग (discrete), जिसे X ऐक्सिस पर ग्रुप लेबल के तौर पर इस्तेमाल किया गया हो या संख्या, तारीख, तारीख, समय या दिन का समय (लगातार) X ऐक्सिस पर वैल्यू के तौर पर इस्तेमाल किया गया हो.
- पहला कॉलम: इस मार्कर की कम या सबसे कम वैल्यू बताने वाली संख्या. यह मोमबत्ती के बीच की लाइन का बेस है. कॉलम के लेबल का इस्तेमाल, लेजेंड में सीरीज़ के लेबल के तौर पर किया जाता है, जबकि अन्य कॉलम के लेबल को अनदेखा कर दिया जाता है.
- कोल 2: इस मार्कर को खोलने/शुरुआती मान बताने वाली संख्या. यह मोमबत्ती का एक वर्टिकल बॉर्डर है. अगर कॉलम 3 की वैल्यू से कम है, तो मोमबत्ती भर जाएगी; नहीं तो, यह खाली होगी.
- कोल 3: इस मार्कर के बंद होने/फ़ाइनल की वैल्यू बताने वाली संख्या. यह मोमबत्ती का दूसरा वर्टिकल बॉर्डर है. अगर कॉलम 2 की वैल्यू से कम है, तो मोमबत्ती खाली हो जाएगी, नहीं तो, इसे भरा जाएगा.
- कोल 4: इस मार्कर की ज़्यादा या ज़्यादा से ज़्यादा वैल्यू बताने वाली संख्या. यह मोमबत्ती के बीच की लाइन का सबसे ऊपरी हिस्सा है.
- कॉलम 5 [ज़रूरी नहीं]: कैंडलस्टिक के लिए टूलटिप या स्टाइल कॉलम.
कॉन्फ़िगरेशन के विकल्प
नाम | |
---|---|
एग्रीगेशन टारगेट |
डेटा के एक से ज़्यादा विकल्प चुनने के टूल के तौर पर:
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
|
एनिमेशन |
ईज़िंग फ़ंक्शन ऐनिमेशन पर लागू किया गया. फ़िल्टर के लिए, यहां दिए गए विकल्प उपलब्ध होते हैं:
टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'लीनियर'
|
एनिमेशन |
इससे तय होता है कि चार्ट शुरुआती ड्रॉ के दौरान ऐनिमेट होगा या नहीं. अगर टाइप: बूलियन
डिफ़ॉल्ट गलत
|
ऐक्सिसशीर्षक स्थिति |
चार्ट के एरिया की तुलना में, ऐक्सिस के शीर्षक कहां डालें. इस्तेमाल की जा सकने वाली वैल्यू:
टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'आउट'
|
बैकग्राउंड का रंग |
चार्ट के मुख्य हिस्से का बैकग्राउंड कलर. एचटीएमएल रंग की कोई सामान्य स्ट्रिंग हो सकती है. उदाहरण के लिए: टाइप: स्ट्रिंग या ऑब्जेक्ट
डिफ़ॉल्ट: 'सफ़ेद'
|
बैकग्राउंड का रंग |
चार्ट के बॉर्डर का रंग, एचटीएमएल कलर स्ट्रिंग के तौर पर. टाइप: स्ट्रिंग
डिफ़ॉल्ट: '#666'
|
पृष्ठभूमिरंग.स्ट्रोकचौड़ाई |
बॉर्डर की चौड़ाई, पिक्सल में. टाइप: नंबर
डिफ़ॉल्ट: 0
|
बैकग्राउंड का रंग भरें |
चार्ट, एचटीएमएल कलर स्ट्रिंग के तौर पर रंग भरता है. टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'सफ़ेद'
|
Bar.groupWidth |
इनमें से किसी भी फ़ॉर्मैट में बताई गई कैंडलस्टिक के समूह की चौड़ाई:
टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट:
स्वर्ण अनुपात,
'61.8%' वाला है.
|
कैंडलस्टिक.होलोइसाइज़िंग |
अगर सही है, तो उभरती हुई मोमबत्तियां खाली दिखेंगी और गिरती हुई मोमबत्तियां ठोस दिखाई देंगी, नहीं तो उलटी मोमबत्तियां दिखेंगी. टाइप: बूलियन
डिफ़ॉल्ट: गलत (बाद में 'सही' में बदला जाएगा)
|
कैंडलस्टिक.fallingColor.fill |
गिरती हुई मोमबत्तियों का रंग, एचटीएमएल रंग स्ट्रिंग के रूप में. टाइप: स्ट्रिंग
डिफ़ॉल्ट: अपने-आप (सीरीज़ के रंग और HollowIsRizing पर निर्भर करता है)
|
कैंडलस्टिक.fallingColor.स्ट्रोक |
गिरती हुई मोमबत्तियों का स्ट्रोक रंग, एचटीएमएल रंग स्ट्रिंग के रूप में. टाइप: स्ट्रिंग
डिफ़ॉल्ट: अपने-आप (सीरीज़ रंग)
|
कैंडलस्टिक.fallingColor.स्ट्रोकWidth |
गिरती हुई मोमबत्तियों की स्ट्रोक की चौड़ाई, एचटीएमएल रंग की स्ट्रिंग के रूप में. टाइप: 2
डिफ़ॉल्ट: नंबर
|
कैंडलस्टिक.risingColor.fill |
एचटीएमएल कलर स्ट्रिंग के तौर पर, उभरती हुई मोमबत्तियों का रंग टाइप: स्ट्रिंग
डिफ़ॉल्ट: अपने-आप (सफेद या सीरीज़ का रंग, lowlowIsRizing पर निर्भर करता है)
|
मोमबत्ती |
एचटीएमएल रंग स्ट्रिंग के रूप में, बढ़ती मोमबत्तियों का स्ट्रोक रंग. टाइप: स्ट्रिंग
डिफ़ॉल्ट: अपने-आप (सीरीज़ का रंग या सफ़ेद रंग, जिसमें HollowIsRizing पर निर्भर है)
|
मोमबत्ती |
एचटीएमएल कलर स्ट्रिंग के तौर पर, बढ़ती हुई मोमबत्तियों की स्ट्रोक की चौड़ाई. टाइप: नंबर
डिफ़ॉल्ट: 2
|
चार्टक्षेत्र |
सदस्यों के साथ एक ऑब्जेक्ट, जो चार्ट एरिया (जहां कि चार्ट खुद बनाया जाता है) के प्लेसमेंट और साइज़ को कॉन्फ़िगर करने के लिए इस्तेमाल किया जा सकता है. हालांकि, ऐक्सिस और लेजेंड को शामिल नहीं किया जा सकता. इसके लिए दो फ़ॉर्मैट इस्तेमाल किए जा सकते हैं: कोई संख्या या कोई संख्या और उसके बाद %. साधारण संख्या किसी मान को पिक्सल में दिखाती है और संख्या के बाद % होता है. उदाहरण: टाइप: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
|
चार्टएरिया.बैकग्राउंड का रंग |
चार्ट एरिया बैकग्राउंड का रंग. स्ट्रिंग का इस्तेमाल करने पर, यह हेक्स स्ट्रिंग हो सकती है
(उदाहरण के लिए, '#fdc') या अंग्रेज़ी रंग का नाम. जब किसी ऑब्जेक्ट का इस्तेमाल किया जाता है, तो ये प्रॉपर्टी
दी जा सकती हैं:
टाइप: स्ट्रिंग या ऑब्जेक्ट
डिफ़ॉल्ट: 'सफ़ेद'
|
चार्टएरिया |
चार्ट को बाएं बॉर्डर से कितनी दूर बनाना है. टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
चार्टएरिया |
चार्ट को ऊपर की सीमा से कितना दूर बनाना है. टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
चार्टएरिया |
चार्ट एरिया की चौड़ाई. टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
चार्टएरीयल ऊंचाई |
चार्ट एरिया की ऊंचाई. टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
|
कलर |
चार्ट एलिमेंट के लिए इस्तेमाल किए जाने वाले रंग. स्ट्रिंग की श्रेणी, जहां हर एलिमेंट एक एचटीएमएल कलर स्ट्रिंग होता है, उदाहरण के लिए: टाइप: स्ट्रिंग की कैटगरी
डिफ़ॉल्ट: डिफ़ॉल्ट रंग
|
इंटरैक्शन की सुविधा चालू करें |
चार्ट, उपयोगकर्ता-आधारित इवेंट दिखाता है या उपयोगकर्ता के इंटरैक्शन पर प्रतिक्रिया देता है. अगर गलत है, तो चार्ट 'चुनें' या दूसरे इंटरैक्शन-आधारित इवेंट नहीं करेगा (लेकिन तैयार या गड़बड़ी वाले इवेंट को कराएगा), और उपयोगकर्ता के इनपुट के आधार पर होवर टेक्स्ट या दूसरे तरीके से नहीं दिखाएगा. टाइप: बूलियन
डिफ़ॉल्ट: true
|
फ़ोकस टारगेट |
जिस इकाई को माउस के कर्सर पर फ़ोकस किया गया है उसका टाइप. इससे यह भी तय होता है कि माउस की क्लिक से कौनसी इकाई चुनी गई है और इवेंट से कौनसा डेटा टेबल एलिमेंट जुड़ा है. इनमें से कोई एक हो सकती है:
फ़ोकस टारगेट 'कैटगरी' में टूलटिप, कैटगरी की सभी वैल्यू दिखाता है. इससे अलग-अलग सीरीज़ की वैल्यू की तुलना की जा सकती है. टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'डेटा
|
फ़ॉन्ट का साइज़ |
चार्ट में मौजूद सभी टेक्स्ट का डिफ़ॉल्ट फ़ॉन्ट साइज़, पिक्सल में. इसे खास चार्ट एलिमेंट की प्रॉपर्टी का इस्तेमाल करके बदला जा सकता है. टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
|
फ़ॉन्ट का नाम |
चार्ट के सभी टेक्स्ट के लिए, डिफ़ॉल्ट फ़ॉन्ट फ़ेस. इसे खास चार्ट एलिमेंट की प्रॉपर्टी का इस्तेमाल करके बदला जा सकता है. टाइप: स्ट्रिंग
डिफ़ॉल्ट: '{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.interval |
थोड़ा ग्रिडलाइन.इंटरवल विकल्प, मेजर ग्रिडलाइन इंटरवल विकल्प की तरह है. हालांकि, चुना गया इंटरवल हमेशा प्रमुख ग्रिडलाइन इंटरवल के बराबर होगा.
लीनियर स्केल का डिफ़ॉल्ट इंटरवल
टाइप: नंबर
डिफ़ॉल्ट:1
|
hAxis.minorGridlines.minSpacing |
सबसे छोटी ज़रूरी जगह, पिक्सल में, छोटी छोटी ग्रिडलाइन के बीच, और छोटी और बड़ी ग्रिडलाइन के बीच. डिफ़ॉल्ट वैल्यू, लीनियर स्केल के लिए बड़ी ग्रिडलाइनों की 1/2 मिनट की दूरी और लॉग स्केल के लिए 1/5 मिनट की स्पेसिंग है. टाइप: नंबर
डिफ़ॉल्ट:हिसाब लगाया गया
|
hAxis.minorGridlines.एकाधिक |
टाइप: नंबर
डिफ़ॉल्ट: 1
|
hAxis.minorGridlines.count |
टाइप: नंबर
डिफ़ॉल्ट: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>}
|
ओरिएंटेशन |
चार्ट का ओरिएंटेशन. टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'हॉरिज़ॉन्टल'
|
रिवरकैटगरी श्रेणियां |
अगर इसे 'सही है' पर सेट किया जाता है, तो सीरीज़ को दाईं से बाईं ओर दिखाया जाएगा. डिफ़ॉल्ट बाएं-से-दाएं बनाना है.
यह विकल्प सिर्फ़
टाइप: बूलियन
डिफ़ॉल्ट: गलत
|
चुने गए मोड |
टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'एक'
|
शृंखला |
ऑब्जेक्ट की कैटगरी, हर चार्ट में उससे जुड़ी सीरीज़ के फ़ॉर्मैट की जानकारी देती है. किसी सीरीज़ के लिए डिफ़ॉल्ट वैल्यू का इस्तेमाल करने के लिए, एक खाली ऑब्जेक्ट {} बताएं. अगर कोई सीरीज़ या वैल्यू तय नहीं की गई है, तो ग्लोबल वैल्यू का इस्तेमाल किया जाएगा. हर ऑब्जेक्ट इन प्रॉपर्टी के साथ काम करता है:
आपके पास ऑब्जेक्ट के कलेक्शन के लिए एक क्रम तय करने का विकल्प होता है. हर ऑब्जेक्ट, सीरीज़ के दिए गए क्रम में लागू होता है या आपके पास एक ऐसा ऑब्जेक्ट तय करने का विकल्प होता है जिसमें हर बच्चे के लिए संख्या वाली कुंजी होती है. इससे पता चलता है कि वह कौनसी सीरीज़ पर लागू होती है. उदाहरण के लिए, ये दो एलान एक जैसे हैं. इनमें पहली सीरीज़ को, श्याम और गैर-मौजूद बताने के साथ ही चौथी सीरीज़ को लाल और गैर-मौजूद बताया गया है. 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>}
|
टूलटिप |
जिस उपयोगकर्ता इंटरैक्शन की वजह से टूलटिप दिखता है:
टाइप: स्ट्रिंग
डिफ़ॉल्ट: 'फ़ोकस'
|
वैक्स |
अगर चार्ट में एक से ज़्यादा वर्टिकल ऐक्सिस हैं, तो अलग-अलग वर्टिकल ऐक्सिस के लिए प्रॉपर्टी तय की जाएगी.
हर चाइल्ड ऑब्जेक्ट एक
एक से ज़्यादा वर्टिकल ऐक्सिस वाले चार्ट बनाने के लिए, पहले
{ 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 |
तब सक्रिय होता है, जब उपयोगकर्ता किसी विज़ुअल इकाई पर क्लिक करता है. अगर आपको चुना गया है, तो यह जानने के लिए
प्रॉपर्टी: कोई नहीं
|
डेटा नीति
सभी कोड और डेटा को ब्राउज़र में प्रोसेस किया जाता है और रेंडर किया जाता है. किसी भी सर्वर पर डेटा नहीं भेजा जाता.