अहम जानकारी: Google के चार्ट टूल के इमेज चार्ट वाले हिस्से को 20 अप्रैल, 2012 से आधिकारिक तौर पर हटा दिया गया था. यह हमारी समर्थन रोकने की नीति के मुताबिक काम करता रहेगा.
खास जानकारी
Google चार्ट API का इस्तेमाल करके इमेज के रूप में रेंडर किया जाने वाला कैंडलस्टिक चार्ट.
कैंडलस्टिक चार्ट का इस्तेमाल, कुल वैल्यू के ऊपर रखी गई खुलने और बंद होने की वैल्यू दिखाने के लिए किया जाता है. कैंडलस्टिक चार्ट का इस्तेमाल, अक्सर स्टॉक की वैल्यू दिखाने के लिए किया जाता है. इस चार्ट में, जिन आइटम के शुरुआती मान का मान क्लोज़िंग वैल्यू से कम है उन्हें हरे रंग में दिखाया गया है. साथ ही, जिन सामान के ओपनिंग वैल्यू का मान क्लोज़िंग वैल्यू से ज़्यादा है उन्हें लाल रंग में दिखाया गया है. ज़्यादा जानकारी के लिए, Google चार्ट API में कैंडलस्टिक दस्तावेज़ देखें.
उदाहरण
<html> <head> <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> <script type="text/javascript"> google.charts.load("current", {packages:["imagechart"]}); google.charts.setOnLoadCallback(drawChart); function drawChart() { var options = {}; dataTable = google.visualization.arrayToDataTable([ ['Gainers',10,30,45,60], ['Losers',20,35,25,45], ], true); var chart = new google.visualization.ImageCandlestickChart(document.getElementById('chart_div')); chart.draw(dataTable, options); } </script> </head> <body> <div id="chart_div" style="width: 400px; height: 240px;"></div> </body> </html>
लोड हो रहा है
google.charts.load
पैकेज का नाम "imagechart"
है.
google.charts.load('current', {packages: [imagechart]});
विज़ुअलाइज़ेशन की क्लास का नाम google.visualization.ImageCandlestickChart
है.
var visualization = new google.visualization.ImageCandlestickChart(container);
डेटा फ़ॉर्मैट
पांच कॉलम, जहां हर लाइन सिंगल कैंडलस्टिक मार्कर के बारे में बताती है:
- कोल 0: स्ट्रिंग को X ऐक्सिस पर इस मार्कर के लेबल के तौर पर इस्तेमाल किया जाता है.
- पहला कॉलम: इस मार्कर की कम या सबसे कम वैल्यू बताने वाली संख्या. यह काले रंग की रेखा का आधार होता है.
- कोल 2: इस मार्कर को खोलने/शुरुआती मान बताने वाली संख्या. यह मोमबत्ती का एक वर्टिकल बॉर्डर है. अगर कॉलम 3 की वैल्यू से कम है, तो मोमबत्ती हरी दिखेगी, नहीं तो लाल रंग की होगी.
- कोल 3: इस मार्कर के बंद होने/फ़ाइनल की वैल्यू बताने वाली संख्या. यह मोमबत्ती की दूसरी वर्टिकल बॉर्डर है. अगर कॉलम 2 की वैल्यू से कम है, तो मोमबत्ती लाल रंग की होगी. ऐसा न होने पर, वह हरे रंग की हो जाएगी.
- कोल 4: इस मार्कर की ज़्यादा या ज़्यादा से ज़्यादा वैल्यू बताने वाली संख्या. यह काले रंग की रेखा का ऊपरी भाग है.
कॉन्फ़िगरेशन के विकल्प
सामान्य इमेज चार्ट के साथ काम करने वाले विकल्पों के अलावा, कैंडलस्टिक चार्ट इन विकल्पों के लिए भी काम करता है:
नाम | टाइप | डिफ़ॉल्ट | जानकारी |
---|---|---|---|
बैकग्राउंड का रंग | स्ट्रिंग | '#FFFFFF' (सफ़ेद) | चार्ट के लिए बैकग्राउंड का रंग. यह #RRGGBB स्ट्रिंग होती है, जिसमें # का निशान भी शामिल होता है. |
AxisLines दिखाएं | बूलियन | true | एक्सिस लाइन दिखानी हैं या नहीं. अगर 'गलत है' पर सेट किया जाता है, तो ऐक्सिस लेबल भी नहीं दिखेंगे. |
ऊंचाई | संख्या | शामिल एलिमेंट की ऊंचाई | चार्ट की ऊंचाई, पिक्सल में. अगर 30 < height या height > 1,000 है, तो यह वैल्यू डिफ़ॉल्ट रूप से 200 होगी. |
ज़्यादा से ज़्यादा | संख्या | ज़्यादा से ज़्यादा डेटा वैल्यू | ज़्यादा से ज़्यादा Y अक्ष मान. |
मि | संख्या | कम से कम डेटा वैल्यू | कम से कम Y अक्ष का मान. |
कैटगरी के लेबल दिखाएं | बूलियन | true | गलत होने पर, X ऐक्सिस लेबल छिप जाते हैं. |
ShowValueLabel | बूलियन | true | गलत होने पर, Y ऐक्सिस लेबल छिप जाते हैं. |
ShowValueLabel Internal | संख्या | अपने-आप | Y ऐक्सिस लेबल के बीच की दूरी, पिक्सल में. |
शीर्षक | स्ट्रिंग | '' | चार्ट के ऊपर दिखाया जाने वाला टेक्स्ट. |
width | संख्या | शामिल एलिमेंट की चौड़ाई | चार्ट की चौड़ाई, पिक्सल में. अगर चौड़ाई 30 से कम या 1,000 से ज़्यादा है, तो चौड़ाई 300 पर सेट की जाएगी. |
तरीके
तरीका | रिटर्न टाइप | जानकारी |
---|---|---|
draw(data, options) |
कोई नहीं | चार्ट ड्रॉ करता है. |
इवेंट
जेनेरिक इमेज चार्ट पर बताए गए इवेंट को सुनने के लिए रजिस्टर किया जा सकता है.
डेटा नीति
कृपया चार्ट एपीआई से जुड़ी नीति पढ़ें.