कैंडलस्टिक इमेज चार्ट

अहम जानकारी: 20 अप्रैल, 2012 से Google चार्ट टूल के 'इमेज चार्ट' वाले हिस्से को आधिकारिक तौर पर बंद कर दिया गया है. यह खाता, सुविधा बंद करने की हमारी नीति के हिसाब से काम करता रहेगा.

  1. खास जानकारी
  2. उदाहरण
  3. लोड हो रहा है
  4. डेटा फ़ॉर्मैट
  5. कॉन्फ़िगरेशन के विकल्प
  6. तरीके
  7. इवेंट
  8. डेटा से जुड़ी नीति

खास जानकारी

एक कैंडलस्टिक चार्ट, जिसे Google Charts API का इस्तेमाल करके इमेज के तौर पर रेंडर किया जाता है.

कैंडलस्टिक चार्ट का इस्तेमाल, कुल वैरियंस के ऊपर लगाई गई ओपनिंग और क्लोज़िंग वैल्यू को दिखाने के लिए किया जाता है. कैंडलस्टिक चार्ट का इस्तेमाल अक्सर स्टॉक वैल्यू का व्यवहार दिखाने के लिए किया जाता है. इस चार्ट में, जिन आइटम की ओपनिंग वैल्यू क्लोज़िंग वैल्यू से कम होती है उन्हें हरे रंग से दिखाया जाता है. साथ ही, जिन आइटम की ओपनिंग वैल्यू, क्लोज़िंग वैल्यू से ज़्यादा होती है उन्हें लाल रंग से दिखाया जाता है. ज़्यादा जानकारी के लिए, Google Charts 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);

डेटा फ़ॉर्मैट

पांच कॉलम, जहां हर पंक्ति एक कैंडलस्टिक मार्कर की जानकारी देती है:

  • Col 0: X ऐक्सिस पर इस मार्कर के लिए लेबल के तौर पर इस्तेमाल की गई स्ट्रिंग.
  • कोल 1: इस मार्कर की सबसे कम/सबसे कम वैल्यू बताने वाली संख्या. यह काली रेखा का आधार होता है.
  • कोल 2: इस मार्कर की शुरुआती/शुरुआती वैल्यू बताने वाली संख्या. यह मोमबत्ती का एक वर्टिकल बॉर्डर है. अगर कॉलम 3 की वैल्यू से कम है, तो कैंडल का रंग हरा होगा, नहीं तो यह लाल रंग का होगा.
  • तीसरा कॉलम: इस मार्कर की क्लोज़िंग/फ़ाइनल वैल्यू के बारे में बताने वाली संख्या. यह मोमबत्ती का दूसरा वर्टिकल बॉर्डर है. अगर कॉलम 2 की वैल्यू से कम है, तो कैंडल का रंग लाल होगा, नहीं तो वह हरा होगा.
  • कोल 4: इस मार्कर की सबसे ज़्यादा/ज़्यादा से ज़्यादा वैल्यू को बताने वाली संख्या. यह काली रेखा का सबसे ऊपरी हिस्सा है.

कॉन्फ़िगरेशन के विकल्प

जेनेरिक इमेज चार्ट पर काम करने वाले विकल्पों के अलावा, कैंडलस्टिक चार्ट में इन विकल्पों का इस्तेमाल किया जा सकता है:

नाम टाइप डिफ़ॉल्ट ब्यौरा
backgroundColor स्ट्रिंग '#FFFFFF' (सफ़ेद) चार्ट के लिए बैकग्राउंड का रंग. यह #RRGGBB स्ट्रिंग है. इसमें # का निशान भी शामिल है.
showAxisLines boolean सही चुनें कि ऐक्सिस लाइनें दिखानी हैं या नहीं. अगर नीति को 'गलत है' पर सेट किया जाता है, तो ऐक्सिस लेबल भी नहीं दिखाए जाएंगे.
ऊंचाई नंबर शामिल एलिमेंट की ऊंचाई चार्ट की ऊंचाई, पिक्सल में. अगर 30 < height या height > 1,000 है, तो यह वैल्यू डिफ़ॉल्ट रूप से 200 पर सेट हो जाएगी.
ज़्यादा से ज़्यादा नंबर डेटा का ज़्यादा से ज़्यादा मान Y ऐक्सिस की ज़्यादा से ज़्यादा वैल्यू.
कम से कम नंबर कम से कम डेटा मान Y ऐक्सिस की कम से कम वैल्यू.
showCategoryLabels boolean सही गलत होने पर, X ऐक्सिस लेबल छिपा देता है.
showValueLabels boolean सही गलत होने पर, Y ऐक्सिस लेबल छिप जाते हैं.
showValueLabelsInternal नंबर अपने-आप Y ऐक्सिस लेबल के बीच की दूरी, पिक्सल में.
title स्ट्रिंग '' चार्ट के ऊपर दिखाया जाने वाला टेक्स्ट.
चौड़ाई नंबर शामिल एलिमेंट की चौड़ाई चार्ट की चौड़ाई, पिक्सल में. अगर चौड़ाई 30 से कम या 1,000 से ज़्यादा है, तो चौड़ाई 300 पर सेट होगी.

तरीके

तरीका रिटर्न टाइप ब्यौरा
draw(data, options) कुछ नहीं चार्ट बनाता है.

इवेंट

आप जेनेरिक इमेज चार्ट पेज पर बताए गए इवेंट सुनने के लिए रजिस्टर कर सकते हैं.

डेटा नीति

कृपया Chart API को लॉग करने की नीति देखें.