हिस्टोग्राम

खास जानकारी

हिस्टोग्राम एक चार्ट है जो संख्या वाले डेटा को बिन में ग्रुप करता है और बिन को सेगमेंट किए गए कॉलम के तौर पर दिखाता है. इनका इस्तेमाल, डेटासेट के डिस्ट्रिब्यूशन को दिखाने के लिए किया जाता है: वैल्यू कितनी बार रेंज में आती हैं.

Google चार्ट आपके लिए बिन की संख्या अपने-आप चुन लेता है. सभी बिन की चौड़ाई एक जैसी होती है और उनकी ऊंचाई, बिन में मौजूद डेटा पॉइंट की संख्या के अनुपात में होती है. दूसरे शब्दों में, हिस्टोग्राम कॉलम चार्ट की तरह होते हैं.

उदाहरण

यह रहा डायनासॉर की लंबाई का हिस्टोग्राम:

हिस्टोग्राम से पता चलता है कि सबसे सामान्य बिन 10 मीटर से कम है और 40 मीटर से बड़ा सिर्फ़ एक डायनासॉर है. हम बार के ऊपर माउस घुमाकर, यह पता लगा सकते हैं कि वह सीस्मोसॉरस है (यह एक बहुत बड़ा डिप्लोडॉकस हो सकता है; पेलियनटोलॉजिस्ट इस बारे में पक्के तौर पर नहीं जानते).

इस हिस्टोग्राम को जनरेट करने वाला कोड नीचे दिखाया गया है. डेटा तय करने के बाद (यहां, google.visualization.arrayToDataTable के साथ), google.visualization.Histogram को कॉल करके चार्ट तय किया जाता है और draw तरीके का इस्तेमाल करके तैयार किया जाता है.

<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([
          ['Dinosaur', 'Length'],
          ['Acrocanthosaurus (top-spined lizard)', 12.2],
          ['Albertosaurus (Alberta lizard)', 9.1],
          ['Allosaurus (other lizard)', 12.2],
          ['Apatosaurus (deceptive lizard)', 22.9],
          ['Archaeopteryx (ancient wing)', 0.9],
          ['Argentinosaurus (Argentina lizard)', 36.6],
          ['Baryonyx (heavy claws)', 9.1],
          ['Brachiosaurus (arm lizard)', 30.5],
          ['Ceratosaurus (horned lizard)', 6.1],
          ['Coelophysis (hollow form)', 2.7],
          ['Compsognathus (elegant jaw)', 0.9],
          ['Deinonychus (terrible claw)', 2.7],
          ['Diplodocus (double beam)', 27.1],
          ['Dromicelomimus (emu mimic)', 3.4],
          ['Gallimimus (fowl mimic)', 5.5],
          ['Mamenchisaurus (Mamenchi lizard)', 21.0],
          ['Megalosaurus (big lizard)', 7.9],
          ['Microvenator (small hunter)', 1.2],
          ['Ornithomimus (bird mimic)', 4.6],
          ['Oviraptor (egg robber)', 1.5],
          ['Plateosaurus (flat lizard)', 7.9],
          ['Sauronithoides (narrow-clawed lizard)', 2.0],
          ['Seismosaurus (tremor lizard)', 45.7],
          ['Spinosaurus (spiny lizard)', 12.2],
          ['Supersaurus (super lizard)', 30.5],
          ['Tyrannosaurus (tyrant lizard)', 15.2],
          ['Ultrasaurus (ultra lizard)', 30.5],
          ['Velociraptor (swift robber)', 1.8]]);

        var options = {
          title: 'Lengths of dinosaurs, in meters',
          legend: { position: 'none' },
        };

        var chart = new google.visualization.Histogram(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
  </body>
</html>

लेबल (यहां, डायनासॉर के नाम) हटाए जा सकते हैं. इस स्थिति में, टूलटिप में सिर्फ़ अंकों वाली वैल्यू दिखेगी.

रंग कंट्रोल करना

यहां राष्ट्रीय जनसंख्या का हिस्टोग्राम दिया गया है:

दुनिया भर में, दो सौ से भी ज़्यादा देश हैं, जिनकी आबादी लाखों में से कम है और इसके बाद सब कुछ अपने-आप में पूरी तरह नाकाम हो रहा है.

यह हिस्टोग्राम, डेटा को हरे रंग में ड्रॉ करने के लिए, colors विकल्प का इस्तेमाल करता है:

  var options = {
    title: 'Country Populations',
    legend: { position: 'none' },
    colors: ['green'],
  };

सभी 'Google चार्ट' की तरह, कलर को अंग्रेज़ी नामों या हेक्स वैल्यू के तौर पर रखा जा सकता है.

बकेट कंट्रोल करना

डिफ़ॉल्ट रूप से, 'Google चार्ट' बकेट का साइज़ अपने-आप चुन लेता है. इसके लिए वह हिस्टोग्राम के लिए जाने-माने एल्गोरिदम का इस्तेमाल करता है. हालांकि, कभी-कभी आपको इसे बदलना पड़ सकता है और ऊपर दिया गया चार्ट एक उदाहरण है. पहले बकेट में कई देशों के होने की वजह से, दूसरे देशों में उनकी जांच करना बहुत मुश्किल है.

इस तरह की स्थितियों के लिए, हिस्टोग्राम चार्ट दो विकल्प देता है: histogram.bucketSize, जो एल्गोरिदम को बदल देता है और बकेट के साइज़ को हार्डकोड कर देता है; और histogram.lastBucketPercentile. दूसरे विकल्प की ज़्यादा जानकारी की ज़रूरत है: यह बकेट साइज़ की कंप्यूटेशन को बदल देता है, ताकि बची हुई वैल्यू को आपके तय किए गए प्रतिशत से ज़्यादा या कम अनदेखा किया जा सके. वैल्यू को अब भी हिस्टोग्राम में शामिल किया जाता है, लेकिन इनसे उनकी कैटगरी तय करने के तरीके पर कोई असर नहीं पड़ता. यह तब काम आता है, जब आप नहीं चाहते कि अलग-अलग कैटगरी के लोग अपनी बकेट में जाएं. इसके बजाय, उन्हें पहले या आखिरी बकेट के साथ ग्रुप किया जाएगा.

ऊपर दिए गए चार्ट में, हमने बकेट के साइज़ की गणना करते समय, शीर्ष पांच और नीचे के पांच प्रतिशत वैल्यू को अनदेखा कर दिया है. वैल्यू अब भी चार्ट में हैं. सिर्फ़ बकेट का साइज़ बदला है, लेकिन इससे ज़्यादा पढ़ने लायक हिस्टोग्राम हो जाता है.

इस उदाहरण में यह भी दिखाया गया है कि "मिरर लॉग" स्केल का इस्तेमाल करने के लिए, हम वर्टिकल ऐक्सिस के स्केल को कैसे बदल सकते हैं. इससे ऐसे डेटा को चार्ट में दिखाने में भी मदद मिलती है जिसमें छोटी वैल्यू की लॉन्ग टेल हो. 

  var options = {
    title: 'Country Populations',
    legend: { position: 'none' },
    colors: ['#e7711c'],
    histogram: { lastBucketPercentile: 5 },
    vAxis: { scaleType: 'mirrorLog' }
  };

जैसा कि आपको दिख रहा है, कैलकुलेशन से ऊपर और नीचे के पांच प्रतिशत को हटाने से, बकेट का साइज़ 1,00,00,000 के बजाय 1,00,00,000 हो जाता. अगर आपको पता था कि आपको 1,00,00,000 वाले बकेट का साइज़ बताना था, तो histogram.bucketSize का इस्तेमाल करके ऐसा किया जा सकता था:

  var options = {
    title: 'Country Populations',
    legend: { position: 'none' },
    colors: ['#e7711c'],
    histogram: { bucketSize: 10000000 }
  };

नीचे दिए गए उदाहरण में, हम बकेट की रेंज को बढ़ाने और उनके बीच बिना किसी खाली जगह के कई और बकेट दिखाने का तरीका दिखाते हैं. बकेट की डिफ़ॉल्ट संख्या बढ़ाने के लिए maxNumBuckets विकल्प का इस्तेमाल किया जा सकता है. histogram.minValue और histogram.maxValue विकल्प, बकेट की रेंज को बढ़ाएंगे, लेकिन ध्यान रखें कि अगर डेटा इस रेंज से बाहर है, तो इन विकल्पों से रेंज को छोटा नहीं किया जाएगा.

इस उदाहरण से यह भी पता चलता है कि हर बकेट के लिए, अलग-अलग टिक की जानकारी दी जा सकती है. इसके लिए, hAxis के लिए ticks विकल्प का इस्तेमाल किया जा सकता है. इसका असर बकेट पर नहीं पड़ता, बल्कि सिर्फ़ टिक के दिखने के तरीके पर पड़ता है.

ध्यान दें कि हम chartArea.width को इस तरह भी तय करते हैं कि विज़ुअल आर्टफ़ैक्ट के बिना, बकेट की संख्या ज़्यादा सटीक रूप से फ़िट हो सके. इस उदाहरण में ये विकल्प मौजूद हैं. 

  var options = {
    title: 'Approximating Normal Distribution',
    legend: { position: 'none' },
    colors: ['#4285F4'],

    chartArea: { width: 405 },
    hAxis: {
      ticks: [-1, -0.75, -0.5, -0.25, 0, 0.25, 0.5, 0.75, 1]
    },
    bar: { gap: 0 },

    histogram: {
      bucketSize: 0.01,
      maxNumBuckets: 400,
      minValue: -1,
      maxValue: 1
    }
  };

एक से ज़्यादा सीरीज़

यहां स्टैंडर्ड मॉडल के हिसाब से, सबएटॉमिक कणों के चार्ज का हिस्टोग्राम दिया गया है:

ऊपर दिए गए चार्ट में एक सीरीज़ है, जिसमें सभी पार्टिकल हैं. सबएटॉमिक पार्टिकल को चार ग्रुप में बांटा जा सकता है: क्वार्क, लेप्टन, और बोसन. चलिए, हर एक सीरीज़ को उसकी अलग सीरीज़ मानते हैं:

इस चार्ट में, हमने चार तरह के सबएटॉमिक पार्टिकल के लिए, एक अलग सीरीज़ (और इसलिए रंग) का इस्तेमाल किया है. हमने interpolateNulls को false पर सेट करके यह पक्का किया है कि शून्य वैल्यू (ज़रूरी है, क्योंकि सीरीज़ की लंबाई बराबर नहीं है) प्लॉट न की गई हो. हमने लेजेंड में एक और लाइन जोड़ने के लिए, legend.maxLines को भी सेट किया:

  var data = google.visualization.arrayToDataTable([
    ['Quarks', 'Leptons', 'Gauge Bosons', 'Scalar Bosons'],
    [2/3, -1, 0, 0],
    [2/3, -1, 0, null],
    [2/3, -1, 0, null],
    [-1/3, 0, 1, null],
    [-1/3, 0, -1, null],
    [-1/3, 0, null, null],
    [-1/3, 0, null, null]
  ]);

  var options = {
    title: 'Charges of subatomic particles',
    legend: { position: 'top', maxLines: 2 },
    colors: ['#5C3292', '#1A8763', '#871B47', '#999999'],
    interpolateNulls: false,
  };

लोड हो रहा है

google.charts.load के पैकेज का नाम "corechart" है. 

  google.charts.load("current", {packages: ["corechart"]});

विज़ुअलाइज़ेशन की क्लास का नाम google.visualization.Histogram है: 

  var visualization = new google.visualization.Histogram(container);

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

हिस्टोग्राम डेटाटेबल को पॉप्युलेट करने के दो तरीके हैं. जब सिर्फ़ एक सीरीज़ हो, तो:

  var data = google.visualization.arrayToDataTable([
    ['Name', 'Number'],
    ['Name 1', number1],
    ['Name 2', number2],
    ['Name 3', number3],
    ...
  ]);

...और जब कई सीरीज़ हों:

  var data = google.visualization.arrayToDataTable([
    ['Series Name 1', 'Series Name 2', 'Series Name 3', ...],
    [series1_number1, series2_number1, series3_number1, ...],
    [series1_number2, series2_number2, series3_number2, ...],
    [series1_number3, series2_number3, series3_number3, ...],
    ...
  ]);

फ़िलहाल, हिस्टोग्राम के लिए कोई वैकल्पिक कॉलम भूमिकाएं इस्तेमाल नहीं की जा सकतीं.

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

नाम
animation.duration

ऐनिमेशन की अवधि, मिलीसेकंड में. ज़्यादा जानकारी के लिए, ऐनिमेशन दस्तावेज़ देखें.

टाइप: नंबर
डिफ़ॉल्ट: 0
animation.easing

ऐनिमेशन पर ईज़िंग फ़ंक्शन लागू किया गया. ये विकल्प उपलब्ध हैं:

  • 'लीनियर' - कॉन्स्टेंट स्पीड.
  • 'in' - आसानी से शुरू करें - धीरे शुरू करें और स्पीड बढ़ाएं.
  • 'आउट' - आसानी से शुरू करें - तेज़ी से शुरू करें और स्पीड कम करें.
  • 'inAndOut' - आसान अंदर और बाहर - धीरे शुरू करें, स्पीड बढ़ाएं, फिर धीमा करें.
Type: स्ट्रिंग
डिफ़ॉल्ट: 'लीनियर'
animation.startup

इससे तय होता है कि शुरुआती ड्रॉ पर चार्ट ऐनिमेट होगा या नहीं. अगर true, तो चार्ट बेसलाइन से शुरू होगा और अपनी आखिरी स्थिति तक ऐनिमेशन करेगा.

टाइप: बूलियन
डिफ़ॉल्ट गलत
axisTitlesPosition

चार्ट एरिया की तुलना में ऐक्सिस के टाइटल कहां डालें. इस्तेमाल की जा सकने वाली वैल्यू:

  • में - चार्ट एरिया के अंदर ऐक्सिस के टाइटल बनाएं.
  • आउट - चार्ट एरिया के बाहर ऐक्सिस के टाइटल बनाएं.
  • कोई नहीं - ऐक्सिस के टाइटल हटा दें.
Type: स्ट्रिंग
डिफ़ॉल्ट: 'आउट'
backgroundColor

चार्ट के मुख्य हिस्से के लिए बैकग्राउंड का रंग. यह एक सामान्य एचटीएमएल कलर स्ट्रिंग हो सकती है, जैसे: 'red' या '#00cc00'. इसके अलावा, यह इन प्रॉपर्टी वाला कोई ऑब्जेक्ट भी हो सकता है.

टाइप: स्ट्रिंग या ऑब्जेक्ट
डिफ़ॉल्ट: 'सफ़ेद'
backgroundColor.stroke

एचटीएमएल कलर स्ट्रिंग के तौर पर, चार्ट के बॉर्डर का रंग.

Type: स्ट्रिंग
डिफ़ॉल्ट: '#666'
backgroundColor.strokeWidth

बॉर्डर की चौड़ाई, पिक्सल में.

टाइप: नंबर
डिफ़ॉल्ट: 0
backgroundColor.fill

एचटीएमएल कलर स्ट्रिंग के तौर पर, चार्ट में भरने वाला रंग.

Type: स्ट्रिंग
डिफ़ॉल्ट: 'सफ़ेद'
bar.groupWidth
बार के ग्रुप की चौड़ाई, जिसे इन फ़ॉर्मैट में से किसी एक में तय किया गया है:
  • पिक्सल (उदाहरण के लिए, 50).
  • हर ग्रुप के लिए उपलब्ध चौड़ाई का प्रतिशत (उदाहरण के लिए, '20%'), जहां '100%' का मतलब है कि ग्रुप के बीच कोई खाली जगह नहीं है.
टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: गोल्डन रेशियो, करीब '61.8%' होता है.
chartArea

चार्ट एरिया के प्लेसमेंट और साइज़ को कॉन्फ़िगर करने के लिए, सदस्यों वाला एक ऑब्जेक्ट (जहां चार्ट खुद ड्रॉ किया जाता है). इसमें ऐक्सिस और लेजेंड शामिल नहीं हैं. दो फ़ॉर्मैट इस्तेमाल किए जा सकते हैं: कोई संख्या या संख्या के बाद %. सामान्य संख्या पिक्सल में वैल्यू होती है. पहले संख्या के बाद % का मतलब प्रतिशत होता है. उदाहरण: chartArea:{left:20,top:0,width:'50%',height:'75%'}

Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
chartArea.backgroundColor
चार्ट क्षेत्र का बैकग्राउंड रंग. जब किसी स्ट्रिंग का इस्तेमाल किया जाता है, तो यह एक हेक्स स्ट्रिंग हो सकती है (उदाहरण के लिए, '#fdc') या अंग्रेज़ी रंग का नाम. किसी ऑब्जेक्ट का इस्तेमाल करते समय, ये प्रॉपर्टी दी जा सकती हैं:
  • stroke: रंग, जो हेक्स स्ट्रिंग या अंग्रेज़ी रंग के नाम के रूप में दिया जाता है.
  • strokeWidth: अगर दिया गया हो, तो दी गई चौड़ाई (और stroke के रंग के साथ) के चार्ट एरिया के चारों ओर एक बॉर्डर बनाता है.
टाइप: स्ट्रिंग या ऑब्जेक्ट
डिफ़ॉल्ट: 'सफ़ेद'
chartArea.left

बाएं बॉर्डर से चार्ट को कितनी दूर तक खींचना है.

टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
chartArea.top

ऊपरी बॉर्डर से चार्ट को कितनी दूर तक खींचना है.

टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
chartArea.width

चार्ट एरिया की चौड़ाई.

टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
chartArea.height

चार्ट क्षेत्र की ऊंचाई.

टाइप: संख्या या स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
कलर

चार्ट के एलिमेंट के लिए इस्तेमाल किए जाने वाले रंग. स्ट्रिंग का कलेक्शन, जिसमें हर एलिमेंट एक एचटीएमएल कलर स्ट्रिंग है, जैसे: colors:['red','#004411'].

टाइप: स्ट्रिंग की कलेक्शन
डिफ़ॉल्ट: डिफ़ॉल्ट रंग
dataOpacity

डेटा पॉइंट की पारदर्शिता, जिसमें 1.0 पूरी तरह से पारदर्शी और 0.0 पारदर्शी है. स्कैटर, हिस्टोग्राम, बार, और कॉलम चार्ट में, दिखने वाले डेटा की जानकारी होती है: स्कैटर चार्ट में बिंदु और दूसरे में रेक्टैंगल. जिन चार्ट में डेटा चुनने की सुविधा होती है उनसे लाइन और एरिया चार्ट जैसे बिंदु बनते हैं. इस बिंदु से उन सर्कल के बारे में पता चलता है जो कर्सर पर कर्सर घुमाने या चुनने पर दिखते हैं. कॉम्बो चार्ट, दोनों तरह के व्यवहार दिखाता है. इस विकल्प का दूसरे चार्ट पर कोई असर नहीं पड़ता. (ट्रेंडलाइन की ओपैसिटी बदलने के लिए, ट्रेंडलाइन की ओपैसिटी देखें.)

टाइप: नंबर
डिफ़ॉल्ट: 1.0
enableInteractivity

चार्ट, उपयोगकर्ता-आधारित इवेंट दिखाता है या उपयोगकर्ता के इंटरैक्शन पर प्रतिक्रिया देता है. गलत होने पर, चार्ट 'चुनें' या इंटरैक्शन पर आधारित अन्य इवेंट नहीं दिखाएगा (लेकिन तैयार या गड़बड़ी वाले इवेंट दिखाएगा) और उपयोगकर्ता के इनपुट के आधार पर, होवर टेक्स्ट नहीं दिखाएगा या उसमें बदलाव नहीं करेगा.

टाइप: बूलियन
डिफ़ॉल्ट: सही
focusTarget

माउस होवर पर फ़ोकस पाने वाली इकाई का टाइप. इससे यह भी तय होता है कि माउस क्लिक से कौनसी इकाई चुनी जाती है और इवेंट से जुड़ा डेटा टेबल का कौनसा एलिमेंट. इनमें से कोई एक स्थिति हो सकती है:

  • 'datum' - किसी एक डेटा पॉइंट पर फ़ोकस करें. डेटा टेबल में किसी सेल से जुड़ा होता है.
  • 'कैटगरी' - मुख्य ऐक्सिस पर मौजूद सभी डेटा पॉइंट के ग्रुप पर फ़ोकस करें. डेटा टेबल में एक लाइन से जुड़ा होता है.

फ़ोकस टारगेट 'कैटगरी' में टूलटिप में सभी कैटगरी की वैल्यू दिखती हैं. इससे, अलग-अलग सीरीज़ की वैल्यू की तुलना करने में मदद मिल सकती है.

Type: स्ट्रिंग
डिफ़ॉल्ट: 'datum'
fontSize

चार्ट में सभी टेक्स्ट का डिफ़ॉल्ट फ़ॉन्ट साइज़, पिक्सल में. खास चार्ट एलिमेंट के लिए प्रॉपर्टी का इस्तेमाल करके, इसे बदला जा सकता है.

टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
fontName

चार्ट में सभी टेक्स्ट के लिए डिफ़ॉल्ट फ़ॉन्ट फ़ेस. खास चार्ट एलिमेंट के लिए प्रॉपर्टी का इस्तेमाल करके, इसे बदला जा सकता है.

Type: स्ट्रिंग
डिफ़ॉल्ट: 'राय'
forceIFrame

चार्ट को किसी इनलाइन फ़्रेम के अंदर ड्रॉ करता है. ध्यान दें कि IE8 पर, इस विकल्प को अनदेखा किया जाता है. सभी IE8 चार्ट, i-फ़्रेम में बनाए जाते हैं.

टाइप: बूलियन
डिफ़ॉल्ट: गलत
hAxis

हॉरिज़ॉन्टल ऐक्सिस के अलग-अलग एलिमेंट को कॉन्फ़िगर करने के लिए, सदस्यों वाला ऑब्जेक्ट. इस ऑब्जेक्ट की प्रॉपर्टी के बारे में बताने के लिए, ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल किया जा सकता है, जैसा कि यहां दिखाया गया है: 

{
  title: 'Hello',
  titleTextStyle: {
    color: '#FF0000'
  }
}
Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
hAxis.gridlines

हॉरिज़ॉन्टल ऐक्सिस पर ग्रिडलाइन कॉन्फ़िगर करने के लिए, प्रॉपर्टी वाला ऑब्जेक्ट. ध्यान दें कि हॉरिज़ॉन्टल ऐक्सिस ग्रिडलाइन वर्टिकल तौर पर बनाई जाती हैं. इस ऑब्जेक्ट की प्रॉपर्टी के बारे में बताने के लिए, ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल किया जा सकता है, जैसा कि यहां दिखाया गया है: 

{color: '#333', minSpacing: 20}
Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
hAxis.gridlines.color

चार्ट एरिया के अंदर हॉरिज़ॉन्टल ग्रिडलाइन का रंग. एक मान्य एचटीएमएल कलर स्ट्रिंग डालें.

Type: स्ट्रिंग
डिफ़ॉल्ट: '#CCC'
hAxis.gridlines.count

चार्ट एरिया में हॉरिज़ॉन्टल ग्रिडलाइन की अनुमानित संख्या. अगर gridlines.count के लिए पॉज़िटिव नंबर दिया जाता है, तो ग्रिडलाइन के बीच minSpacing की गिनती करने के लिए इसका इस्तेमाल किया जाएगा. सिर्फ़ एक ग्रिडलाइन बनाने के लिए, 1 की वैल्यू तय की जा सकती है. इसके अलावा, कोई ग्रिडलाइन बनाने के लिए 0 वैल्यू भी तय की जा सकती है. दूसरे विकल्पों के आधार पर ग्रिडलाइन की संख्या अपने-आप कंप्यूट करने के लिए, -1 तय करें, जो कि डिफ़ॉल्ट है.

टाइप: नंबर
डिफ़ॉल्ट: -1
hAxis.gridlines.interval

पास-पास मौजूद ग्रिडलाइन के बीच अलग-अलग साइज़ का कलेक्शन. यह डेटा वैल्यू के तौर पर होता है, न कि पिक्सल के तौर पर. फ़िलहाल, यह विकल्प सिर्फ़ नंबर वाले ऐक्सिस के लिए है. हालांकि, यह विकल्प gridlines.units.<unit>.interval विकल्पों से मिलता-जुलता है, जिन्हें सिर्फ़ तारीखों और समय के लिए इस्तेमाल किया जाता है. लीनियर स्केल के लिए, डिफ़ॉल्ट वैल्यू [1, 2, 2.5, 5] होती है. इसका मतलब है कि ग्रिडलाइन की वैल्यू हर यूनिट (1), सम यूनिट (2) या 2.5 या 5 के मल्टीपल पर आ सकती हैं. इन वैल्यू का 10 गुना ज़्यादा होने पर भी वैल्यू को माना जाता है (उदाहरण के लिए, [10, 20, 25, 50] और [.1, .2, .25, .5]). लॉग स्केल के लिए, डिफ़ॉल्ट वैल्यू [1, 2, 5] है.

टाइप: 1 से 10 के बीच की संख्या. इसमें 10 शामिल नहीं है.
डिफ़ॉल्ट: कंप्यूट किया गया
hAxis.gridlines.minSpacing

hAxis प्रमुख ग्रिडलाइन के बीच, पिक्सल में कम से कम स्क्रीन स्पेस. बड़ी ग्रिडलाइन के लिए डिफ़ॉल्ट वैल्यू लीनियर स्केल के लिए 40 और लॉग स्केल के लिए 20 होती है. minSpacing की जगह count की जानकारी देने पर, minSspace की गिनती इस संख्या से की जाती है. इसके उलट, count की जगह minSpacing की जानकारी देने पर संख्या का हिसाब, minSpacing से लगाया जाता है. अगर दोनों का इस्तेमाल किया जाता है, तो minSpacing बदल जाता है.

टाइप: नंबर
डिफ़ॉल्ट: कंप्यूट किया गया
hAxis.gridlines.multiple

सभी ग्रिडलाइन और टिक की वैल्यू, इस विकल्प की वैल्यू के मल्टीपल में होनी चाहिए. ध्यान दें कि इंटरवल के उलट, एक से ज़्यादा 10 गुना घात को नहीं माना जाता है. gridlines.multiple = 1 तय करके, टिक को पूर्णांक बनाया जा सकता है या gridlines.multiple = 1000 तय करके, टिक को 1,000 के मल्टीपल में बदला जा सकता है.

टाइप: नंबर
डिफ़ॉल्ट: 1
hAxis.gridlines.units

चार्ट पर कंप्यूट की गई ग्रिडलाइन के साथ इस्तेमाल किए जाने पर तारीख/तारीख/तारीख और समय/दिन के समय के डेटा टाइप के अलग-अलग पहलुओं के लिए, डिफ़ॉल्ट फ़ॉर्मैट को बदल देता है. साल, महीने, दिन, घंटे, मिनट, सेकंड, और मिलीसेकंड के लिए फ़ॉर्मैटिंग की अनुमति देता है.

सामान्य फ़ॉर्मैट है:

gridlines: {
  units: {
    years: {format: [/*format strings here*/]},
    months: {format: [/*format strings here*/]},
    days: {format: [/*format strings here*/]}
    hours: {format: [/*format strings here*/]}
    minutes: {format: [/*format strings here*/]}
    seconds: {format: [/*format strings here*/]},
    milliseconds: {format: [/*format strings here*/]},
  }
}

ज़्यादा जानकारी के लिए, तारीख और समय देखें.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
hAxis.minorGridlines

hAxis.gridlines विकल्प की तरह ही, हॉरिज़ॉन्टल ऐक्सिस पर माइनर ग्रिडलाइन कॉन्फ़िगर करने के लिए सदस्यों वाला ऑब्जेक्ट.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
hAxis.minorGridlines.color

चार्ट एरिया के अंदर हॉरिज़ॉन्टल माइनर ग्रिडलाइन का रंग. एक मान्य एचटीएमएल कलर स्ट्रिंग डालें.

Type: स्ट्रिंग
डिफ़ॉल्ट: ग्रिडलाइन और बैकग्राउंड के रंगों का मिला-जुला रूप
hAxis.minorGridlines.count

minorGridlines.count विकल्प ज़्यादातर काम नहीं करता है. हालांकि, गिनती को 0 पर सेट करके, माइनर ग्रिडलाइन को बंद करने के अलावा, यह विकल्प भी काम नहीं करता है. अब माइनर ग्रिडलाइन की संख्या पूरी तरह से बड़ी ग्रिडलाइन (hAxis.gridlines.interval देखें) के बीच के समय और कम से कम ज़रूरी जगह (hAxis.minorGridlines.minSpacing देखें) पर निर्भर करती है.

टाइप: नंबर
डिफ़ॉल्ट:1
hAxis.minorGridlines.interval

छोटा ग्रिडलाइन विकल्प, मुख्य ग्रिडलाइन इंटरवल विकल्प की तरह है.हालांकि, चुना गया इंटरवल हमेशा, मुख्य ग्रिडलाइन इंटरवल का बराबर की तरह से बराबर होना चाहिए. लीनियर स्केल का डिफ़ॉल्ट इंटरवल [1, 1.5, 2, 2.5, 5] है, और लॉग स्केल के लिए डिफ़ॉल्ट इंटरवल [1, 2, 5] है.

टाइप: नंबर
डिफ़ॉल्ट:1
hAxis.minorGridlines.minSpacing

पिक्सल में, आस-पास मौजूद माइनर ग्रिडलाइन के बीच, माइनर और बड़ी ग्रिडलाइन के बीच, कम से कम ज़रूरी जगह. डिफ़ॉल्ट वैल्यू, लीनियर स्केल के लिए बड़ी ग्रिडलाइन की कम से कम दूरी 1/2 है और लॉग स्केल के लिए मिनिमम स्पेसिंग की 1/5 है.

टाइप: नंबर
डिफ़ॉल्ट:कंप्यूट किया गया
hAxis.minorGridlines.multiple

मुख्य gridlines.multiple के बराबर.

टाइप: नंबर
डिफ़ॉल्ट: 1
hAxis.minorGridlines.units

तारीख/तारीख और समय/दिन के समय के डेटा टाइप के अलग-अलग पहलुओं के लिए, डिफ़ॉल्ट फ़ॉर्मैट को बदल देता है. ऐसा तब होता है, जब चार्ट में बनाई गई माइनरग्रिडलाइन के साथ इसका इस्तेमाल किया जाता है. साल, महीने, दिन, घंटे, मिनट, सेकंड, और मिलीसेकंड के लिए फ़ॉर्मैटिंग की अनुमति देता है.

सामान्य फ़ॉर्मैट है:

gridlines: {
  units: {
    years: {format: [/*format strings here*/]},
    months: {format: [/*format strings here*/]},
    days: {format: [/*format strings here*/]}
    hours: {format: [/*format strings here*/]}
    minutes: {format: [/*format strings here*/]}
    seconds: {format: [/*format strings here*/]},
    milliseconds: {format: [/*format strings here*/]},
  }
}

ज़्यादा जानकारी के लिए, तारीख और समय देखें.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
hAxis.textPosition

चार्ट एरिया के हिसाब से हॉरिज़ॉन्टल ऐक्सिस टेक्स्ट की स्थिति. इस्तेमाल की जा सकने वाली वैल्यू: 'out', 'in', 'none'.

Type: स्ट्रिंग
डिफ़ॉल्ट: 'आउट'
hAxis.textStyle

ऐसा ऑब्जेक्ट जो हॉरिज़ॉन्टल ऐक्सिस टेक्स्ट स्टाइल के बारे में बताता है. ऑब्जेक्ट का प्रारूप ऐसा है:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, एचटीएमएल की कोई भी कलर स्ट्रिंग हो सकती है, जैसे: 'red' या '#00cc00'. fontName और fontSize भी देखें.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.title

hAxis प्रॉपर्टी, जो हॉरिज़ॉन्टल ऐक्सिस के टाइटल के बारे में बताती है.

Type: स्ट्रिंग
डिफ़ॉल्ट: शून्य
hAxis.titleTextStyle

ऐसा ऑब्जेक्ट जो हॉरिज़ॉन्टल ऐक्सिस के टाइटल का टेक्स्ट स्टाइल बताता है. ऑब्जेक्ट का प्रारूप ऐसा है: 

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, एचटीएमएल की कोई भी कलर स्ट्रिंग हो सकती है, जैसे: 'red' या '#00cc00'. fontName और fontSize भी देखें.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
hAxis.allowContainerBoundaryTextCutoff

गलत होने पर, चार्ट कंटेनर की मदद से उन्हें काटने के बजाय, बाहरी लेबल छिपा दिए जाएंगे. अगर सही है, तो लेबल को काटने की अनुमति दी जाएगी.

टाइप: बूलियन
डिफ़ॉल्ट: गलत
hAxis.slantedText

अगर सही है, तो हॉरिज़ॉन्टल ऐक्सिस टेक्स्ट को किसी ऐंगल पर बनाएं, ताकि ऐक्सिस पर ज़्यादा टेक्स्ट फ़िट हो सके. अगर गलत है, तो हॉरिज़ॉन्टल ऐक्सिस टेक्स्ट को ऊपर की ओर खींचें. डिफ़ॉल्ट तौर पर, टेक्स्ट को तिरछा करना होता है. ऐसा तब होता है, जब टेक्स्ट को ऊपर की ओर खींचने पर वह टेक्स्ट में फ़िट न हो. ध्यान दें कि यह विकल्प सिर्फ़ तब उपलब्ध होता है, जब hAxis.textPosition को 'out' (जो डिफ़ॉल्ट तौर पर सेट है) पर सेट होता है. तारीखों और समय के लिए डिफ़ॉल्ट तौर पर false है.

टाइप: बूलियन
डिफ़ॉल्ट: अपने-आप
hAxis.slantedTextAngle

हॉरिज़ॉन्टल ऐक्सिस टेक्स्ट का कोण, अगर इसे तिरछा बनाया गया है. अगर hAxis.slantedText, false पर सेट है या ऑटो मोड में है, तो इस पर ध्यान नहीं दिया जाता. साथ ही, चार्ट में टेक्स्ट को हॉरिज़ॉन्टल तौर पर दिखाने का फ़ैसला लिया जाता है. अगर ऐंगल पॉज़िटिव है, तो रोटेशन घड़ी की उलटी दिशा में होता है और अगर ऋणात्मक होता है, तो यह घड़ी की सुई की दिशा में होता है.

टाइप: नंबर, -90 से 90
डिफ़ॉल्ट: 30
hAxis.maxAlternation

हॉरिज़ॉन्टल ऐक्सिस टेक्स्ट के लेवल की ज़्यादा से ज़्यादा संख्या. अगर ऐक्सिस के टेक्स्ट लेबल में बहुत ज़्यादा भीड़ हो जाती है, तो सर्वर आस-पास के लेबल को ऊपर या नीचे की ओर ले जा सकता है, ताकि लेबल एक-दूसरे के करीब फ़िट हो सकें. इस वैल्यू से इस्तेमाल किए जाने वाले लेवल की ज़्यादा से ज़्यादा संख्या के बारे में पता चलता है. अगर लेबल ओवरलैप किए बिना फ़िट हो सकते हैं, तो सर्वर कम लेवल का इस्तेमाल कर सकता है. तारीखों और समय के लिए, डिफ़ॉल्ट वैल्यू 1 होती है.

टाइप: नंबर
डिफ़ॉल्ट: 2
hAxis.maxTextLines

टेक्स्ट लेबल के लिए तय लाइनों की ज़्यादा से ज़्यादा संख्या. अगर लेबल बहुत लंबी हैं, तो लेबल में कई लाइनें हो सकती हैं. साथ ही, लाइनों की संख्या डिफ़ॉल्ट रूप से उपलब्ध जगह की ऊंचाई के हिसाब से तय होती है.

टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
hAxis.minTextSpacing

दो पास के टेक्स्ट लेबल के बीच, पिक्सल में मंज़ूर किया गया कम से कम हॉरिज़ॉन्टल स्पेस. अगर लेबल बहुत ज़्यादा स्पेस में हों या वे ज़्यादा लंबे हों, तो स्पेस इस थ्रेशोल्ड से कम हो सकता है.ऐसे में, लेबल-अनक्लटरिंग का कोई एक तरीका लागू किया जाएगा (उदाहरण के लिए, लेबल को छोटा करना या उनमें से कुछ को छोड़ना).

टाइप: नंबर
डिफ़ॉल्ट: hAxis.textStyle.fontSize की वैल्यू
hAxis.showTextEvery

कितने हॉरिज़ॉन्टल ऐक्सिस लेबल दिखाने हैं, यहां 1 का मतलब है हर लेबल को दिखाना, 2 का मतलब है हर दूसरे लेबल को दिखाना वगैरह. डिफ़ॉल्ट तौर पर, बिना ओवरलैप किए ज़्यादा से ज़्यादा लेबल दिखाने की कोशिश की जाती है.

टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
hAxis.viewWindowMode

इससे पता चलता है कि चार्ट एरिया में वैल्यू रेंडर करने के लिए, हॉरिज़ॉन्टल ऐक्सिस को कैसे स्केल किया जाए. इन स्ट्रिंग वैल्यू का इस्तेमाल किया जा सकता है:

  • 'सुंदर' - हॉरिज़ॉन्टल वैल्यू को स्केल करें, ताकि सबसे ज़्यादा और सबसे कम डेटा वैल्यू को चार्ट एरिया के बाईं और दाईं ओर थोड़ा-सा रेंडर किया जा सके. viewWindow को संख्याओं के लिए सबसे नज़दीकी मुख्य ग्रिडलाइन तक या तारीख और समय के लिए सबसे नज़दीकी माइनर ग्रिडलाइन में बड़ा किया जाता है.
  • 'बड़ा किया गया' - हॉरिज़ॉन्टल वैल्यू को स्केल करें, ताकि डेटा की ज़्यादा से ज़्यादा और सबसे कम वैल्यू, चार्ट एरिया के बाईं और दाईं ओर छू सकें. इसकी वजह से, haxis.viewWindow.min और haxis.viewWindow.max को अनदेखा कर दिया जाएगा.
  • 'अश्लील' - चार्ट एरिया की बाईं और दाईं ओर के स्केल वैल्यू को बताने के लिए यह विकल्प काम नहीं करता. (अब काम नहीं करता, क्योंकि यह haxis.viewWindow.min और haxis.viewWindow.max के हिसाब से काम का नहीं है.) इन वैल्यू से बाहर के डेटा वैल्यू को काट दिया जाएगा. आपको एक hAxis.viewWindow ऑब्जेक्ट बताना होगा. यह ऑब्जेक्ट को दिखाने के लिए, ज़्यादा से ज़्यादा और कम से कम वैल्यू की जानकारी देना होगा.
Type: स्ट्रिंग
डिफ़ॉल्ट: 'सुंदर' के बराबर होता है, लेकिन इस्तेमाल किए जाने पर haxis.viewWindow.min और haxis.viewWindow.max को प्राथमिकता दी जाती है.
hAxis.viewWindow

हॉरिज़ॉन्टल ऐक्सिस पर काटने की रेंज तय करता है.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
hAxis.viewWindow.max

शून्य पर आधारित पंक्ति का इंडेक्स, जहां क्रॉपिंग विंडो खत्म होती है. इस इंडेक्स और इससे ऊपर के डेटा पॉइंट को काट दिया जाएगा. vAxis.viewWindowMode.min के साथ में, यह आधी-अधूरी रेंज [min, max) के बारे में बताता है, जो दिखाए जाने वाले एलिमेंट इंडेक्स को दिखाता है. दूसरे शब्दों में कहें, तो min <= index < max जैसे हर इंडेक्स को दिखाया जाएगा.

hAxis.viewWindowMode का साइज़ 'बड़ा' या 'बड़ा किया गया' होने पर अनदेखा किया जाता है.

टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
hAxis.viewWindow.min

शून्य पर आधारित पंक्ति का इंडेक्स, जहां से क्रॉप विंडो शुरू होती है. इससे कम इंडेक्स वाले डेटा पॉइंट काट दिए जाएंगे. vAxis.viewWindowMode.max के साथ में, यह आधी-अधूरी रेंज [min, max) के बारे में बताता है, जो दिखाए जाने वाले एलिमेंट इंडेक्स को दिखाता है. दूसरे शब्दों में, min <= index < max जैसे हर इंडेक्स को दिखाया जाएगा.

hAxis.viewWindowMode का साइज़ 'बड़ा' या 'बड़ा किया गया' होने पर अनदेखा किया जाता है.

टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
histogram.bucketSize

हर हिस्टोग्राम बार के साइज़ को हार्डकोड करें, न कि एल्गोरिदम के हिसाब से तय होने दें.

टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
histogram.hideBucketItems

हिस्टोग्राम के ब्लॉक के बीच के पतले डिवीज़न को हटाकर, इसे ठोस बार की सीरीज़ में बनाएं.

टाइप: बूलियन
डिफ़ॉल्ट: गलत
histogram.lastBucketPercentile

हिस्टोग्राम के बकेट के साइज़ का हिसाब लगाते समय, सबसे ऊपर और सबसे नीचे के lastBucketPercentile प्रतिशत को अनदेखा करें. वैल्यू को अब भी हिस्टोग्राम में शामिल किया जाता है, लेकिन इनसे बकेटिंग पर असर नहीं पड़ता.

टाइप: नंबर
डिफ़ॉल्ट: 0
histogram.minValue

यह वैल्यू शामिल करने के लिए, बकेट की रेंज बढ़ाएं.

टाइप: नंबर
डिफ़ॉल्ट: अपने-आप - कम से कम डेटा इस्तेमाल करें
histogram.maxValue

यह वैल्यू शामिल करने के लिए, बकेट की रेंज बढ़ाएं.

टाइप: नंबर
डिफ़ॉल्ट: अपने-आप - ज़्यादा से ज़्यादा डेटा का इस्तेमाल करें
histogram.numBucketsRule

बकेट की डिफ़ॉल्ट संख्या की गणना करने का तरीका. आपको ये वैल्यू दिख सकती हैं:

  • 'sqrt' - डेटा पॉइंट की संख्या के वर्गमूल की गणना करता है.
  • 'sturges' - बायनॉमियल डिस्ट्रिब्यूशन से लिया गया है. अप्रत्यक्ष रूप से यह मान लिया जाता है कि डिस्ट्रिब्यूशन करीब-करीब सामान्य है.
  • 'rice' - स्टर्ज के नियम का ज़्यादा आसान विकल्प.
ज़्यादा जानकारी के लिए, Wikipedia - हिस्टोग्राम: बिन की संख्या और चौड़ाई देखें

Type: स्ट्रिंग
डिफ़ॉल्ट:'sqrt'
ऊंचाई

चार्ट की ऊंचाई, पिक्सल में.

टाइप: नंबर
डिफ़ॉल्ट: शामिल एलिमेंट की ऊंचाई
interpolateNulls

छूटे हुए पॉइंट की वैल्यू का अनुमान लगाना है या नहीं. अगर सही है, तो यह आस-पास के पॉइंट के आधार पर, उस डेटा की वैल्यू का अनुमान लगाएगा जो मौजूद नहीं है. अगर गलत है, तो यह अज्ञात पॉइंट पर लाइन में एक ब्रेक छोड़ देगा.

यह isStacked: true/'percent'/'relative'/'absolute' विकल्प वाले एरिया चार्ट के साथ काम नहीं करता.

टाइप: बूलियन
डिफ़ॉल्ट: गलत
isStacked

अगर नीति को 'सही है' पर सेट किया जाता है, तो सभी सीरीज़ के एलिमेंट को हर डोमेन वैल्यू पर स्टैक किया जाता है. ध्यान दें: कॉलम, Area, और SteppedArea चार्ट में, Google Charts, सीरीज़ के एलिमेंट के स्टैकिंग के साथ लेजेंड आइटम को बेहतर तरीके से दिखाने के लिए लेजेंड आइटम के क्रम को उलट देता है (उदाहरण के लिए, सीरीज़ 0 सबसे नीचे वाला लेजेंड आइटम होगा). यह बार चार्ट पर लागू नहीं होता.

isStacked विकल्प में 100% स्टैकिंग की सुविधा भी मिलती है, जहां हर डोमेन वैल्यू पर एलिमेंट के स्टैक को फिर से स्केल किया जाता है, ताकि उन्हें 100% तक जोड़ा जा सके.

isStacked के लिए विकल्प हैं:

  • false — एलिमेंट स्टैक नहीं होंगे. यह डिफ़ॉल्ट विकल्प है.
  • true — हर डोमेन वैल्यू पर सभी सीरीज़ के एलिमेंट को स्टैक करता है.
  • 'percent' — सभी सीरीज़ के एलिमेंट को हर डोमेन वैल्यू पर स्टैक करता है और उन्हें इस तरह से फिर से स्केल करता है कि वे 100% तक जुड़ जाते हैं और हर एलिमेंट की वैल्यू 100% के प्रतिशत के तौर पर कैलकुलेट की जाती है.
  • 'relative' — सभी सीरीज़ के एलिमेंट को हर डोमेन वैल्यू पर स्टैक करता है और उन्हें इस तरह से फिर से स्केल करता है कि वे 1 तक जुड़ जाते हैं और हर एलिमेंट की वैल्यू को 1 के भिन्न के रूप में गिना जाता है.
  • 'absolute' — isStacked: true की तरह काम करता है.

100% स्टैकिंग के मामले में, हर एलिमेंट की तय की गई वैल्यू, टूलटिप में उसकी असल वैल्यू के बाद दिखेगी.

टारगेट ऐक्सिस, डिफ़ॉल्ट रूप से 'relative' के लिए 0-1 स्केल के आधार पर वैल्यू को 1 के फ़्रैक्शन के तौर पर और 'percent' के लिए 0 से 100% के तौर पर चुनेगा (ध्यान दें: 'percent' विकल्प का इस्तेमाल करने पर, ऐक्सिस/टिक की वैल्यू प्रतिशत के तौर पर दिखती हैं. हालांकि, असली वैल्यू 0-1 स्केल की वैल्यू होती हैं. ऐसा इसलिए होता है, क्योंकि प्रतिशत ऐक्सिस के टिक, 0-1 की स्केल वैल्यू से मिलती-जुलती वैल्यू पर "#.##%" फ़ॉर्मैट लागू करने का नतीजा होते हैं. isStacked: 'percent' का इस्तेमाल करते समय, पक्का करें कि आपने 0-1 स्केल वैल्यू का इस्तेमाल करके टिक/ग्रिडलाइन की जानकारी दी हो. hAxis/vAxis के सही विकल्पों का इस्तेमाल करके, ग्रिडलाइन/टिक की वैल्यू और फ़ॉर्मैटिंग को पसंद के मुताबिक बनाया जा सकता है.

100% स्टैकिंग सिर्फ़ number टाइप की डेटा वैल्यू के साथ काम करती है और इसकी बेसलाइन शून्य होनी चाहिए.

टाइप: बूलियन/स्ट्रिंग
डिफ़ॉल्ट: गलत
लेजेंड

लेजेंड के अलग-अलग पहलुओं को कॉन्फ़िगर करने के लिए सदस्यों वाला ऑब्जेक्ट. इस ऑब्जेक्ट की प्रॉपर्टी के बारे में बताने के लिए, ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल किया जा सकता है, जैसा कि यहां दिखाया गया है: 

{position: 'top', textStyle: {color: 'blue', fontSize: 16}}
Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
legend.alignment

लेजेंड का अलाइनमेंट. इनमें से कोई एक चीज़ हो सकती है:

  • 'start' - लेजेंड के लिए असाइन किए गए एरिया की शुरुआत से अलाइन है.
  • 'सेंटर' - लेजेंड के लिए असाइन किए गए एरिया में सेंटर होता है.
  • 'end' - लेजेंड के लिए तय किए गए हिस्से के आखिर में अलाइन होता है.

शुरुआती, बीच में, और आखिरी हिस्सा, लेजेंड की स्टाइल -- वर्टिकल या हॉरिज़ॉन्टल -- के हिसाब से होते हैं. उदाहरण के लिए, 'राइट' लेजेंड में, 'start' और 'end' क्रम से सबसे ऊपर और सबसे नीचे होते हैं. 'टॉप' लेजेंड के लिए, 'start' और 'end' एरिया के बाईं और दाईं ओर होगा.

डिफ़ॉल्ट वैल्यू, लेजेंड की पोज़िशन पर निर्भर करती है. 'बॉटम' लेजेंड के लिए, डिफ़ॉल्ट वैल्यू 'center' होती है. अन्य लेजेंड की वैल्यू डिफ़ॉल्ट रूप से 'start' पर सेट होती है.

Type: स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
legend.maxLines

लेजेंड में लाइनों की ज़्यादा से ज़्यादा संख्या. अपने लेजेंड में लाइनें जोड़ने के लिए, इसे एक से बड़ी संख्या पर सेट करें. ध्यान दें: रेंडर की गई लाइनों की असल संख्या तय करने के लिए, इस्तेमाल किया जाने वाला सटीक लॉजिक अब भी फ़्लो में है.

फ़िलहाल, यह विकल्प सिर्फ़ तब काम करता है, जब लेजेंड.पोज़िशन 'सबसे ऊपर' पर सेट हो.

टाइप: नंबर
डिफ़ॉल्ट: 1
legend.pageIndex

लेजेंड की चुनी गई शुरुआत में शून्य पर आधारित पेज इंडेक्स.

टाइप: नंबर
डिफ़ॉल्ट: 0
legend.position

लेजेंड की स्थिति. इनमें से कोई एक चीज़ हो सकती है:

  • 'सबसे नीचे' - चार्ट के नीचे.
  • 'बायां' - चार्ट के बाईं ओर, बशर्ते बायां ऐक्सिस उससे जुड़ी कोई सीरीज़ न हो. इसलिए, अगर आपको बाईं ओर लेजेंड चाहिए, तो targetAxisIndex: 1 विकल्प का इस्तेमाल करें.
  • 'in' - चार्ट के अंदर, सबसे ऊपर बाएं कोने में.
  • 'कोई भी नहीं' - कोई लेजेंड नहीं दिखाया गया.
  • 'दाईं ओर' - चार्ट की दाईं ओर. vAxes विकल्प के साथ काम नहीं करता है.
  • 'सबसे ऊपर' - चार्ट के ऊपर.
Type: स्ट्रिंग
डिफ़ॉल्ट: 'दायां'
legend.textStyle

ऐसा ऑब्जेक्ट जो लेजेंड टेक्स्ट की स्टाइल के बारे में बताता है. ऑब्जेक्ट का प्रारूप ऐसा है:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, एचटीएमएल की कोई भी कलर स्ट्रिंग हो सकती है, जैसे: 'red' या '#00cc00'. fontName और fontSize भी देखें.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
स्क्रीन की दिशा

चार्ट का ओरिएंटेशन. 'vertical' पर सेट होने पर, चार्ट के ऐक्सिस को घुमाता है. इससे (उदाहरण के लिए) कॉलम चार्ट, बार चार्ट बन जाता है. साथ ही, एरिया चार्ट ऊपर के बजाय, दाईं ओर बढ़ता है:

Type: स्ट्रिंग
डिफ़ॉल्ट: 'हॉरिज़ॉन्टल'
reverseCategories

अगर नीति को 'सही है' पर सेट किया जाता है, तो सीरीज़ को दाईं से बाईं ओर दिखाया जाएगा. डिफ़ॉल्ट रूप से दाएँ-से-दाएं खींचना होता है.

टाइप: बूलियन
डिफ़ॉल्ट: गलत
शृंखला

ऑब्जेक्ट का कलेक्शन, जिसमें हर चार्ट में उससे जुड़ी सीरीज़ के फ़ॉर्मैट की जानकारी दी गई है. किसी सीरीज़ में डिफ़ॉल्ट वैल्यू का इस्तेमाल करने के लिए, खाली ऑब्जेक्ट {} डालें. अगर कोई सीरीज़ या वैल्यू तय नहीं की गई है, तो ग्लोबल वैल्यू का इस्तेमाल किया जाएगा. हर ऑब्जेक्ट इन प्रॉपर्टी के साथ काम करता है:

  • color - इस सीरीज़ के लिए इस्तेमाल किया जाने वाला रंग. एक मान्य एचटीएमएल कलर स्ट्रिंग डालें.
  • labelInLegend - चार्ट लेजेंड में दिखाने के लिए सीरीज़ का ब्यौरा.
  • targetAxisIndex - इस सीरीज़ को किस ऐक्सिस पर असाइन करना है, जहां डिफ़ॉल्ट ऐक्सिस 0 है और 1 दूसरा ऐक्सिस है. डिफ़ॉल्ट वैल्यू 0 है. इसे 1 पर सेट करके, ऐसा चार्ट तय किया जा सकता है जिसमें अलग-अलग ऐक्सिस पर अलग-अलग सीरीज़ रेंडर की जाती हों. कम से कम एक सीरीज़ को डिफ़ॉल्ट ऐक्सिस के लिए तय किया गया हो. अलग-अलग ऐक्सिस के लिए, अलग-अलग स्केल तय किया जा सकता है.
  • visibleInLegend - एक बूलियन वैल्यू. यहां सही का मतलब है कि सीरीज़ में लेजेंड एंट्री होनी चाहिए. वहीं, गलत का मतलब है कि उसमें ऐसा नहीं होना चाहिए. डिफ़ॉल्ट तौर पर, यह 'सही' पर सेट होती है.

आपके पास ऑब्जेक्ट की कैटगरी तय करने का विकल्प होता है. इनमें से हर कलेक्शन, दिए गए क्रम में सीरीज़ पर लागू होता है. इसके अलावा, हर चाइल्ड के पास संख्या वाली कुंजी हो, जिससे यह पता चल सके कि वह किस सीरीज़ पर लागू होती है. उदाहरण के लिए, नीचे दिए गए दो एलान एक जैसे हैं. इनमें पहली सीरीज़ को ब्लैक के तौर पर मार्क करके यह बताया जाता है कि वह लेजेंड में नहीं है और चौथे सीरीज़ को लेजेंड में लाल और 'मौजूद नहीं' के तौर पर दिखाया गया है: 

series: [
  {color: 'black', visibleInLegend: false}, {}, {},
  {color: 'red', visibleInLegend: false}
]
series: {
  0:{color: 'black', visibleInLegend: false},
  3:{color: 'red', visibleInLegend: false}
}
टाइप: ऑब्जेक्ट की कैटगरी या नेस्ट किए गए ऑब्जेक्ट वाले ऑब्जेक्ट
डिफ़ॉल्ट: {}
थीम

थीम, पहले से तय की गई विकल्प की वैल्यू का एक सेट होती है. ये वैल्यू, चार्ट के किसी खास व्यवहार या विज़ुअल इफ़ेक्ट को पाने के लिए एक साथ काम करती हैं. फ़िलहाल, सिर्फ़ एक थीम उपलब्ध है:

  • 'बड़ा किया गया' - चार्ट के क्षेत्र को बड़ा करता है और लेजेंड और चार्ट के अंदर के सभी लेबल को दिखाता है. इन विकल्पों को सेट करता है: 
    chartArea: {width: '100%', height: '100%'},
legend: {position: 'in'},
titlePosition: 'in', axisTitlesPosition: 'in',
hAxis: {textPosition: 'in'}, vAxis: {textPosition: 'in'}
Type: स्ट्रिंग
डिफ़ॉल्ट: शून्य
title

चार्ट के ऊपर दिखाया जाने वाला टेक्स्ट.

Type: स्ट्रिंग
डिफ़ॉल्ट: कोई टाइटल नहीं
titlePosition

चार्ट एरिया की तुलना में, चार्ट का टाइटल कहां डालना है. इस्तेमाल की जा सकने वाली वैल्यू:

  • in - चार्ट एरिया के अंदर टाइटल बनाएं.
  • आउट - टाइटल को चार्ट एरिया के बाहर ड्रॉ करें.
  • कोई नहीं - टाइटल छोड़ें.
Type: स्ट्रिंग
डिफ़ॉल्ट: 'आउट'
titleTextStyle

यह ऐसा ऑब्जेक्ट है जो टाइटल के टेक्स्ट की स्टाइल के बारे में बताता है. ऑब्जेक्ट का प्रारूप ऐसा है:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, एचटीएमएल की कोई भी कलर स्ट्रिंग हो सकती है, जैसे: 'red' या '#00cc00'. fontName और fontSize भी देखें.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
टूलटिप

एक ऑब्जेक्ट, जिसमें सदस्यों के साथ अलग-अलग टूलटिप एलिमेंट को कॉन्फ़िगर करने की सुविधा होती है. इस ऑब्जेक्ट की प्रॉपर्टी के बारे में बताने के लिए, ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल किया जा सकता है, जैसा कि यहां दिखाया गया है: 

{textStyle: {color: '#FF0000'}, showColorCode: true}
Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
tooltip.isHtml

अगर इसे 'सही है' पर सेट किया जाता है, तो SVG के रेंडर किए गए टूलटिप के बजाय, एचटीएमएल के रेंडर किए गए टूलटिप का इस्तेमाल करें. ज़्यादा जानकारी के लिए, टूलटिप के कॉन्टेंट को पसंद के मुताबिक बनाना देखें.

ध्यान दें: टूलटिप कॉलम में डेटा की भूमिका के ज़रिए एचटीएमएल टूलटिप कॉन्टेंट को पसंद के मुताबिक बनाने की सुविधा, बबल चार्ट विज़ुअलाइज़ेशन के साथ काम नहीं करती.

टाइप: बूलियन
डिफ़ॉल्ट: गलत
tooltip.showColorCode

अगर सही है, तो टूलटिप में सीरीज़ की जानकारी के बगल में रंगीन स्क्वेयर दिखाएं. अगर focusTarget को 'कैटगरी' पर सेट किया जाता है, तो डिफ़ॉल्ट तौर पर वैल्यू 'सही' होती है. अगर ऐसा नहीं होता है, तो डिफ़ॉल्ट तौर पर 'गलत' पर सेट होता है.

टाइप: बूलियन
डिफ़ॉल्ट: अपने-आप
tooltip.textStyle

ऐसा ऑब्जेक्ट जो टूलटिप टेक्स्ट की स्टाइल के बारे में बताता है. ऑब्जेक्ट का प्रारूप ऐसा है:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, एचटीएमएल की कोई भी कलर स्ट्रिंग हो सकती है, जैसे: 'red' या '#00cc00'. fontName और fontSize भी देखें.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
tooltip.trigger

वह उपयोगकर्ता इंटरैक्शन जिसकी वजह से टूलटिप दिखती है:

  • 'फ़ोकस' - जब उपयोगकर्ता एलिमेंट पर कर्सर घुमाता है, तो टूलटिप दिखती है.
  • 'कोई नहीं' - टूलटिप नहीं दिखाया जाएगा.
Type: स्ट्रिंग
डिफ़ॉल्ट: 'फ़ोकस'
vAxes

अगर चार्ट में एक से ज़्यादा वर्टिकल ऐक्सिस हैं, तो अलग-अलग वर्टिकल ऐक्सिस के लिए प्रॉपर्टी की जानकारी देता है. हर चाइल्ड ऑब्जेक्ट एक vAxis ऑब्जेक्ट होता है. इसमें vAxis के साथ काम करने वाली सभी प्रॉपर्टी शामिल हो सकती हैं. ये प्रॉपर्टी वैल्यू, एक ही प्रॉपर्टी की ग्लोबल सेटिंग को बदल देती हैं.

एक से ज़्यादा वर्टिकल ऐक्सिस वाला चार्ट बनाने के लिए, सबसे पहले series.targetAxisIndex का इस्तेमाल करके एक नया ऐक्सिस तय करें. इसके बाद, vAxes का इस्तेमाल करके ऐक्सिस को कॉन्फ़िगर करें. इस उदाहरण में, सीरीज़ 2 को दाएं ऐक्सिस पर असाइन किया गया है और इसके लिए, पसंद के मुताबिक टाइटल और टेक्स्ट स्टाइल तय किया गया है: 

{
  series: {
    2: {
      targetAxisIndex:1
    }
  },
  vAxes: {
    1: {
      title:'Losses',
      textStyle: {color: 'red'}
    }
  }
}

यह प्रॉपर्टी कोई ऑब्जेक्ट या अरे हो सकती है: ऑब्जेक्ट, ऑब्जेक्ट का कलेक्शन होता है. हर ऐक्सिस पर संख्या वाला लेबल होता है, जो ऐक्सिस के बारे में बताता है. यह ऊपर दिखाया गया फ़ॉर्मैट है. कलेक्शन, ऑब्जेक्ट का कलेक्शन है, हर ऐक्सिस पर एक. उदाहरण के लिए, नीचे दिया गया अरे स्टाइल नोटेशन, ऊपर दिखाए गए vAxis ऑब्जेक्ट से मिलता-जुलता है: 

vAxes: [
  {}, // Nothing specified for axis 0
  {
    title:'Losses',
    textStyle: {color: 'red'} // Axis 1
  }
]
टाइप: ऑब्जेक्ट या चाइल्ड ऑब्जेक्ट वाले ऑब्जेक्ट की कैटगरी
डिफ़ॉल्ट: शून्य
vAxis

अलग-अलग वर्टिकल ऐक्सिस एलिमेंट को कॉन्फ़िगर करने के लिए, सदस्यों वाला ऑब्जेक्ट. इस ऑब्जेक्ट की प्रॉपर्टी के बारे में बताने के लिए, ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल किया जा सकता है, जैसा कि यहां दिखाया गया है: 

{title: 'Hello', titleTextStyle: {color: '#FF0000'}}
Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
vAxis.baseline

vAxis प्रॉपर्टी, जो वर्टिकल ऐक्सिस के लिए बेसलाइन तय करती है. अगर बेसलाइन सबसे ऊंची ग्रिड लाइन से बड़ी या सबसे नीचे वाली ग्रिड लाइन से छोटी है, तो इसे सबसे नज़दीकी ग्रिडलाइन पर राउंड किया जाएगा.

टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
vAxis.baselineColor

वर्टिकल ऐक्सिस के लिए बेसलाइन का रंग तय करता है. यह कोई भी एचटीएमएल कलर स्ट्रिंग हो सकती है, जैसे: 'red' या '#00cc00'.

टाइप: नंबर
डिफ़ॉल्ट: 'काला'
vAxis.direction

वह दिशा जिसमें वर्टिकल ऐक्सिस पर वैल्यू बढ़ती हैं. डिफ़ॉल्ट रूप से, कम वैल्यू चार्ट पर सबसे नीचे दिखती हैं. वैल्यू का क्रम बदलने के लिए, -1 तय करें.

टाइप: 1 या -1
डिफ़ॉल्ट: 1
vAxis.format

अंकों वाले ऐक्सिस लेबल के लिए फ़ॉर्मैट स्ट्रिंग. यह आईसीयू पैटर्न सेट का सबसेट है. उदाहरण के लिए, {format:'#,###%'}, 10, 7.5, और 0.5 वैल्यू के लिए "1,000%", "750%", और "50%" वैल्यू दिखाएगा. इनमें से कोई भी जानकारी दी जा सकती है:

  • {format: 'none'}: बिना किसी फ़ॉर्मैट के नंबर दिखाता है (जैसे, 80,00,000)
  • {format: 'decimal'}: हज़ार की संख्या को अलग करने वाले सेपरेटर वाली संख्याओं को दिखाता है (उदाहरण के लिए, 80,00,000)
  • {format: 'scientific'}: यह संख्याओं को वैज्ञानिक नोटेशन में दिखाता है (जैसे, 8e6)
  • {format: 'currency'}: स्थानीय मुद्रा में नंबर दिखाता है (जैसे, 80,00,000.00 डॉलर)
  • {format: 'percent'}: संख्याओं को प्रतिशत के रूप में दिखाता है (उदाहरण के लिए, 80,00,00,000%)
  • {format: 'short'}: छोटे किए गए नंबर दिखाता है (जैसे, 80 लाख)
  • {format: 'long'}: संख्याओं को पूरे शब्दों के तौर पर दिखाता है (जैसे, 80 लाख)

लेबल पर लागू की गई असल फ़ॉर्मैटिंग, उस स्थान-भाषा से ली गई है जिससे एपीआई को लोड किया गया है. ज़्यादा जानकारी के लिए, किसी खास स्थान-भाषा में चार्ट लोड करना देखें.

टिक वैल्यू और ग्रिडलाइन की गिनती करते समय, सभी ज़रूरी ग्रिडलाइन विकल्पों के कई वैकल्पिक कॉम्बिनेशन को ध्यान में रखा जाएगा. अगर फ़ॉर्मैट किए गए टिक लेबल डुप्लीकेट या ओवरलैप होते हैं, तो उन विकल्पों को अस्वीकार कर दिया जाएगा. इसलिए, अगर आपको सिर्फ़ पूर्णांक टिक वैल्यू दिखानी हैं, तो format:"#" बताया जा सकता है. हालांकि, ध्यान रखें कि अगर कोई विकल्प इस शर्त के हिसाब से सही नहीं है, तो ग्रिडलाइन या टिक नहीं दिखाए जाएंगे.

Type: स्ट्रिंग
डिफ़ॉल्ट: अपने-आप
vAxis.gridlines

वर्टिकल ऐक्सिस पर ग्रिडलाइन कॉन्फ़िगर करने के लिए, सदस्यों वाला ऑब्जेक्ट. ध्यान दें कि वर्टिकल ऐक्सिस ग्रिडलाइन, हॉरिज़ॉन्टल तौर पर बनाई जाती हैं. इस ऑब्जेक्ट की प्रॉपर्टी के बारे में बताने के लिए, ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल किया जा सकता है, जैसा कि यहां दिखाया गया है: 

{color: '#333', minSpacing: 20}
Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
vAxis.gridlines.color

चार्ट एरिया के अंदर वर्टिकल ग्रिडलाइन का रंग. एक मान्य एचटीएमएल कलर स्ट्रिंग डालें.

Type: स्ट्रिंग
डिफ़ॉल्ट: '#CCC'
vAxis.gridlines.count

चार्ट एरिया में हॉरिज़ॉन्टल ग्रिडलाइन की अनुमानित संख्या. अगर gridlines.count के लिए पॉज़िटिव नंबर दिया जाता है, तो ग्रिडलाइन के बीच minSpacing की गिनती करने के लिए इसका इस्तेमाल किया जाएगा. सिर्फ़ एक ग्रिडलाइन बनाने के लिए, 1 की वैल्यू तय की जा सकती है. इसके अलावा, कोई ग्रिडलाइन बनाने के लिए 0 वैल्यू भी तय की जा सकती है. दूसरे विकल्पों के आधार पर ग्रिडलाइन की संख्या अपने-आप कंप्यूट करने के लिए, -1 तय करें, जो कि डिफ़ॉल्ट है.

टाइप: नंबर
डिफ़ॉल्ट: -1
vAxis.gridlines.interval

पास-पास मौजूद ग्रिडलाइन के बीच अलग-अलग साइज़ का कलेक्शन. यह डेटा वैल्यू के तौर पर होता है, न कि पिक्सल के तौर पर. फ़िलहाल, यह विकल्प सिर्फ़ नंबर वाले ऐक्सिस के लिए है. हालांकि, यह विकल्प gridlines.units.<unit>.interval विकल्पों से मिलता-जुलता है, जिन्हें सिर्फ़ तारीखों और समय के लिए इस्तेमाल किया जाता है. लीनियर स्केल के लिए, डिफ़ॉल्ट वैल्यू [1, 2, 2.5, 5] होती है. इसका मतलब है कि ग्रिडलाइन की वैल्यू हर यूनिट (1), सम यूनिट (2) या 2.5 या 5 के मल्टीपल पर आ सकती हैं. इन वैल्यू का 10 गुना ज़्यादा होने पर भी वैल्यू को माना जाता है (उदाहरण के लिए, [10, 20, 25, 50] और [.1, .2, .25, .5]). लॉग स्केल के लिए, डिफ़ॉल्ट वैल्यू [1, 2, 5] है.

टाइप: 1 से 10 के बीच की संख्या. इसमें 10 शामिल नहीं है.
डिफ़ॉल्ट: कंप्यूट किया गया
vAxis.gridlines.minSpacing

hAxis प्रमुख ग्रिडलाइन के बीच, पिक्सल में कम से कम स्क्रीन स्पेस. बड़ी ग्रिडलाइन के लिए डिफ़ॉल्ट वैल्यू लीनियर स्केल के लिए 40 और लॉग स्केल के लिए 20 होती है. minSpacing की जगह count की जानकारी देने पर, minSspace की गिनती इस संख्या से की जाती है. इसके उलट, count की जगह minSpacing की जानकारी देने पर संख्या का हिसाब, minSpacing से लगाया जाता है. अगर दोनों का इस्तेमाल किया जाता है, तो minSpacing बदल जाता है.

टाइप: नंबर
डिफ़ॉल्ट: कंप्यूट किया गया
vAxis.gridlines.multiple

सभी ग्रिडलाइन और टिक की वैल्यू, इस विकल्प की वैल्यू के मल्टीपल में होनी चाहिए. ध्यान दें कि इंटरवल के उलट, एक से ज़्यादा 10 गुना घात को नहीं माना जाता है. gridlines.multiple = 1 तय करके, टिक को पूर्णांक बनाया जा सकता है या gridlines.multiple = 1000 तय करके, टिक को 1,000 के मल्टीपल में बदला जा सकता है.

टाइप: नंबर
डिफ़ॉल्ट: 1
vAxis.gridlines.units

चार्ट पर कंप्यूट की गई ग्रिडलाइन के साथ इस्तेमाल किए जाने पर तारीख/तारीख/तारीख और समय/दिन के समय के डेटा टाइप के अलग-अलग पहलुओं के लिए, डिफ़ॉल्ट फ़ॉर्मैट को बदल देता है. साल, महीने, दिन, घंटे, मिनट, सेकंड, और मिलीसेकंड के लिए फ़ॉर्मैटिंग की अनुमति देता है.

सामान्य फ़ॉर्मैट है:

gridlines: {
  units: {
    years: {format: [/*format strings here*/]},
    months: {format: [/*format strings here*/]},
    days: {format: [/*format strings here*/]},
    hours: {format: [/*format strings here*/]},
    minutes: {format: [/*format strings here*/]},
    seconds: {format: [/*format strings here*/]},
    milliseconds: {format: [/*format strings here*/]}
  }
}

ज़्यादा जानकारी के लिए, तारीख और समय देखें.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
vAxis.minorGridlines

सदस्यों वाला एक ऑब्जेक्ट, जिसमें वर्टिकल ऐक्सिस पर माइनर ग्रिडलाइन कॉन्फ़िगर करने के लिए कहा जाता है. यह ठीक वैसा ही है जैसा vAxis.gridlines विकल्प में है.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
vAxis.minorGridlines.color

चार्ट एरिया के अंदर वर्टिकल माइनर ग्रिडलाइन का रंग. एक मान्य एचटीएमएल कलर स्ट्रिंग डालें.

Type: स्ट्रिंग
डिफ़ॉल्ट: ग्रिडलाइन और बैकग्राउंड के रंगों का मिला-जुला रूप
vAxis.minorGridlines.count

BalanceGridlines.count का विकल्प ज़्यादातर अब काम नहीं करता है. हालांकि, गिनती को 0 पर सेट करके, माइनर ग्रिडलाइन को बंद किया जा सकता है. माइनर ग्रिडलाइन की संख्या, बड़ी ग्रिडलाइन (vAxis.gridlines.interval देखें) और कम से कम ज़रूरी जगह के बीच के समय पर निर्भर करती है (vAxis.minorGridlines.minSpacing देखें).

टाइप: नंबर
डिफ़ॉल्ट: 1
vAxis.minorGridlines.interval

छोटा ग्रिडलाइन विकल्प, मुख्य ग्रिडलाइन इंटरवल विकल्प की तरह है.हालांकि, चुना गया इंटरवल हमेशा, मुख्य ग्रिडलाइन इंटरवल का बराबर की तरह से बराबर होना चाहिए. लीनियर स्केल का डिफ़ॉल्ट इंटरवल [1, 1.5, 2, 2.5, 5] है, और लॉग स्केल के लिए डिफ़ॉल्ट इंटरवल [1, 2, 5] है.

टाइप: नंबर
डिफ़ॉल्ट:1
vAxis.minorGridlines.minSpacing

पिक्सल में, आस-पास मौजूद माइनर ग्रिडलाइन के बीच, माइनर और बड़ी ग्रिडलाइन के बीच, कम से कम ज़रूरी जगह. डिफ़ॉल्ट वैल्यू, लीनियर स्केल के लिए बड़ी ग्रिडलाइन की कम से कम दूरी 1/2 है और लॉग स्केल के लिए मिनिमम स्पेसिंग की 1/5 है.

टाइप: नंबर
डिफ़ॉल्ट:कंप्यूट किया गया
vAxis.minorGridlines.multiple

मुख्य gridlines.multiple के बराबर.

टाइप: नंबर
डिफ़ॉल्ट: 1
vAxis.minorGridlines.units

तारीख/तारीख और समय/दिन के समय के डेटा टाइप के अलग-अलग पहलुओं के लिए, डिफ़ॉल्ट फ़ॉर्मैट को बदल देता है. ऐसा तब होता है, जब चार्ट में बनाई गई माइनरग्रिडलाइन के साथ इसका इस्तेमाल किया जाता है. साल, महीने, दिन, घंटे, मिनट, सेकंड, और मिलीसेकंड के लिए फ़ॉर्मैटिंग की अनुमति देता है.

सामान्य फ़ॉर्मैट है:

gridlines: {
  units: {
    years: {format: [/*format strings here*/]},
    months: {format: [/*format strings here*/]},
    days: {format: [/*format strings here*/]}
    hours: {format: [/*format strings here*/]}
    minutes: {format: [/*format strings here*/]}
    seconds: {format: [/*format strings here*/]},
    milliseconds: {format: [/*format strings here*/]},
  }
}

ज़्यादा जानकारी के लिए, तारीख और समय देखें.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
vAxis.logScale

अगर सही है, तो वर्टिकल ऐक्सिस को लॉगारिद्मिक स्केल बनाता है. ध्यान दें: सभी वैल्यू पॉज़िटिव होनी चाहिए.

टाइप: बूलियन
डिफ़ॉल्ट: गलत
vAxis.scaleType

vAxis प्रॉपर्टी, जो वर्टिकल ऐक्सिस को लॉगारिद्मिक स्केल बनाती है. इनमें से कोई एक चीज़ हो सकती है:

  • शून्य - कोई लॉगारिद्मिक स्केलिंग नहीं की जाती है.
  • 'लॉग' - लॉगारिद्मिक स्केलिंग. नेगेटिव और शून्य वैल्यू को प्लॉट नहीं किया जाता. यह विकल्प, vAxis: { logscale: true } को सेट करने जैसा ही है.
  • 'mirrorLog' - लॉगारिद्मिक स्केलिंग, जिसमें नेगेटिव और शून्य मान प्लॉट किए जाते हैं. नेगेटिव नंबर की प्लॉट की गई वैल्यू, निरपेक्ष वैल्यू के लॉग का नेगेटिव होता है. 0 के करीब की वैल्यू को लीनियर स्केल पर दिखाया जाता है.
Type: स्ट्रिंग
डिफ़ॉल्ट: शून्य
vAxis.textPosition

चार्ट एरिया के हिसाब से वर्टिकल ऐक्सिस टेक्स्ट की स्थिति. इस्तेमाल की जा सकने वाली वैल्यू: 'out', 'in', 'none'.

Type: स्ट्रिंग
डिफ़ॉल्ट: 'आउट'
vAxis.textStyle

ऐसा ऑब्जेक्ट जो वर्टिकल ऐक्सिस के टेक्स्ट का स्टाइल बताता है. ऑब्जेक्ट का प्रारूप ऐसा है:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, एचटीएमएल की कोई भी कलर स्ट्रिंग हो सकती है, जैसे: 'red' या '#00cc00'. fontName और fontSize भी देखें.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.ticks

अपने-आप जनरेट होने वाले Y-ऐक्सिस के टिक को, तय किए गए अरे से बदलता है. कलेक्शन का हर एलिमेंट या तो एक मान्य टिक वैल्यू (जैसे कि संख्या, तारीख, तारीख या समय का समय) या कोई ऑब्जेक्ट होना चाहिए. अगर यह कोई ऑब्जेक्ट है, तो इसमें टिक वैल्यू के लिए v प्रॉपर्टी होनी चाहिए. साथ ही, लेबल के तौर पर दिखाने के लिए, लिटरल स्ट्रिंग वाली वैकल्पिक f प्रॉपर्टी होनी चाहिए.

जब तक बदलावों को बदलने के लिए viewWindow.min या viewWindow.max तय नहीं किया जाता, तब तक कम से कम और ज़्यादा से ज़्यादा टिक शामिल करने के लिए, viewWindow अपने-आप बड़ा हो जाएगा.

उदाहरण:

  • vAxis: { ticks: [5,10,15,20] }
  • vAxis: { ticks: [{v:32, f:'thirty two'}, {v:64, f:'sixty four'}] }
  • vAxis: { ticks: [new Date(2014,3,15), new Date(2013,5,15)] }
  • vAxis: { ticks: [16, {v:32, f:'thirty two'}, {v:64, f:'sixty four'}, 128] }
टाइप: एलिमेंट की कलेक्शन
डिफ़ॉल्ट: अपने-आप
vAxis.title

vAxis प्रॉपर्टी, जो वर्टिकल ऐक्सिस के टाइटल के बारे में बताती है.

Type: स्ट्रिंग
डिफ़ॉल्ट: कोई टाइटल नहीं
vAxis.titleTextStyle

ऐसा ऑब्जेक्ट जो वर्टिकल ऐक्सिस के टाइटल का टेक्स्ट स्टाइल बताता है. ऑब्जेक्ट का प्रारूप ऐसा है:

{ color: <string>,
  fontName: <string>,
  fontSize: <number>,
  bold: <boolean>,
  italic: <boolean> }

color, एचटीएमएल की कोई भी कलर स्ट्रिंग हो सकती है, जैसे: 'red' या '#00cc00'. fontName और fontSize भी देखें.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: {color: 'black', fontName: <global-font-name>, fontSize: <global-font-size>}
vAxis.maxValue

वर्टिकल ऐक्सिस की सबसे बड़ी वैल्यू को, तय की गई वैल्यू पर ले जाता है. यह ज़्यादातर चार्ट में, ऊपर की ओर होगा. अगर इसे डेटा की सबसे बड़ी y-वैल्यू से कम वैल्यू पर सेट किया गया है, तो इस पर ध्यान नहीं दिया जाता. vAxis.viewWindow.max इस प्रॉपर्टी को बदल देता है.

टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
vAxis.minValue

वर्टिकल ऐक्सिस की कम से कम वैल्यू को, तय की गई वैल्यू पर ले जाता है. ज़्यादातर चार्ट में, यह वैल्यू नीचे की ओर रहेगी. अगर इसकी वैल्यू, डेटा की सबसे कम y-वैल्यू से ज़्यादा पर सेट है, तो इस पर ध्यान नहीं दिया जाता. vAxis.viewWindow.min इस प्रॉपर्टी को बदल देता है.

टाइप: नंबर
डिफ़ॉल्ट: शून्य
vAxis.viewWindowMode

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

  • 'सुंदर' - वर्टिकल वैल्यू को स्केल करें, ताकि सबसे ज़्यादा और सबसे कम डेटा वैल्यू को चार्ट एरिया के निचले और ऊपरी हिस्से में थोड़ा-बहुत दिखाया जा सके. viewWindow को संख्याओं के लिए सबसे नज़दीकी मुख्य ग्रिडलाइन तक या तारीख और समय के लिए सबसे नज़दीकी माइनर ग्रिडलाइन में बड़ा किया जाता है.
  • 'बड़ा किया गया' - वर्टिकल वैल्यू को स्केल करें, ताकि डेटा की ज़्यादा से ज़्यादा और सबसे कम वैल्यू, चार्ट एरिया के ऊपर और नीचे तक छू सकें. इसकी वजह से, vaxis.viewWindow.min और vaxis.viewWindow.max को अनदेखा कर दिया जाएगा.
  • 'अश्लील' - चार्ट एरिया के सबसे ऊपर और सबसे निचले स्केल की वैल्यू बताने के लिए यह विकल्प काम नहीं करता. (अब यह काम नहीं करता, क्योंकि यह vaxis.viewWindow.min और vaxis.viewWindow.max के साथ काम का नहीं है. इन वैल्यू से बाहर की डेटा वैल्यू को काट दिया जाएगा. आपको एक vAxis.viewWindow ऑब्जेक्ट बताना होगा. यह ऑब्जेक्ट को दिखाने के लिए, ज़्यादा से ज़्यादा और कम से कम वैल्यू की जानकारी देना होगा.
Type: स्ट्रिंग
डिफ़ॉल्ट: 'सुंदर' के बराबर होता है, लेकिन इस्तेमाल किए जाने पर vaxis.viewWindow.min और vaxis.viewWindow.max को प्राथमिकता दी जाती है.
vAxis.viewWindow

वर्टिकल ऐक्सिस को काटने की सीमा तय करता है.

Type: ऑब्जेक्ट
डिफ़ॉल्ट: शून्य
vAxis.viewWindow.max

रेंडर करने के लिए, वर्टिकल डेटा की ज़्यादा से ज़्यादा वैल्यू.

vAxis.viewWindowMode का साइज़ 'बड़ा' या 'बड़ा किया गया' होने पर अनदेखा किया जाता है.

टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
vAxis.viewWindow.min

रेंडर किया जाने वाला कम से कम वर्टिकल डेटा मान.

vAxis.viewWindowMode का साइज़ 'बड़ा' या 'बड़ा किया गया' होने पर अनदेखा किया जाता है.

टाइप: नंबर
डिफ़ॉल्ट: अपने-आप
चौड़ाई

चार्ट की चौड़ाई, पिक्सल में.

टाइप: नंबर
डिफ़ॉल्ट: शामिल एलिमेंट की चौड़ाई

तरीके

तरीका
draw(data, options)

चार्ट बनाता है. ready इवेंट चालू होने के बाद ही, चार्ट में दूसरे तरीकों के कॉल स्वीकार किए जाते हैं. Extended description.

सामान लौटाने का तरीका: कोई नहीं
getAction(actionID)

अनुरोध किए गए actionID के साथ टूलटिप ऐक्शन ऑब्जेक्ट दिखाता है.

रिटर्न टाइप: ऑब्जेक्ट
getBoundingBox(id)

चार्ट के एलिमेंट id की बाईं, ऊपर, चौड़ाई, और ऊंचाई वाला ऑब्जेक्ट दिखाता है. id के फ़ॉर्मैट को अभी तक दस्तावेज़ में नहीं रखा गया है (वे इवेंट हैंडलर की रिटर्न वैल्यू हैं), लेकिन यहां कुछ उदाहरण दिए गए हैं:

var cli = chart.getChartLayoutInterface();

चार्ट एरिया की ऊंचाई
cli.getBoundingBox('chartarea').height
बार या कॉलम चार्ट की पहली सीरीज़ में तीसरे बार की चौड़ाई
cli.getBoundingBox('bar#0#2').width
पाई चार्ट के पांचवें खूंटी (वेज) का बाउंड्री बॉक्स
cli.getBoundingBox('slice#4')
किसी वर्टिकल (जैसे, कॉलम) चार्ट के चार्ट डेटा का बाउंडिंग बॉक्स:
cli.getBoundingBox('vAxis#0#gridline')
किसी हॉरिज़ॉन्टल (जैसे, बार) चार्ट के चार्ट डेटा का बाउंडिंग बॉक्स:
cli.getBoundingBox('hAxis#0#gridline')

वैल्यू, चार्ट के कंटेनर के हिसाब से होती हैं. चार्ट बनाने के बाद इसे कॉल करें.

रिटर्न टाइप: ऑब्जेक्ट
getChartAreaBoundingBox()

चार्ट के कॉन्टेंट की बाईं, ऊपर, चौड़ाई, और ऊंचाई वाला ऑब्जेक्ट दिखाता है (जैसे, लेबल और लेजेंड को छोड़कर):

var cli = chart.getChartLayoutInterface();

cli.getChartAreaBoundingBox().left
cli.getChartAreaBoundingBox().top
cli.getChartAreaBoundingBox().height
cli.getChartAreaBoundingBox().width

वैल्यू, चार्ट के कंटेनर के हिसाब से होती हैं. चार्ट बनाने के बाद इसे कॉल करें.

रिटर्न टाइप: ऑब्जेक्ट
getChartLayoutInterface()

वह ऑब्जेक्ट दिखाता है जिसमें चार्ट की ऑनस्क्रीन प्लेसमेंट और उसके एलिमेंट के बारे में जानकारी होती है.

लौटाए गए ऑब्जेक्ट पर इन तरीकों को कॉल किया जा सकता है:

  • getBoundingBox
  • getChartAreaBoundingBox
  • getHAxisValue
  • getVAxisValue
  • getXLocation
  • getYLocation

चार्ट बनाने के बाद इसे कॉल करें.

रिटर्न टाइप: ऑब्जेक्ट
getHAxisValue(xPosition, optional_axis_index)

xPosition पर हॉरिज़ॉन्टल डेटा वैल्यू दिखाता है, जो चार्ट कंटेनर के बाएं किनारे से पिक्सल ऑफ़सेट होता है. नकारात्मक हो सकता है.

उदाहरण: chart.getChartLayoutInterface().getHAxisValue(400).

चार्ट बनाने के बाद इसे कॉल करें.

रिटर्न टाइप: नंबर
getImageURI()

चार्ट को इमेज यूआरआई के तौर पर क्रम से दिखाता है.

चार्ट बनाने के बाद इसे कॉल करें.

PNG चार्ट प्रिंट करना देखें.

रिटर्न टाइप: स्ट्रिंग
getSelection()

चुनी गई चार्ट इकाइयों का कलेक्शन दिखाता है. बार, लेजेंड एंट्री, और कैटगरी चुनी जा सकने वाली इकाइयां हैं. इस चार्ट के लिए, किसी भी समय सिर्फ़ एक इकाई चुनी जा सकती है. Extended description .

रिटर्न टाइप: चुने गए एलिमेंट की कलेक्शन
getVAxisValue(yPosition, optional_axis_index)

yPosition पर वर्टिकल डेटा वैल्यू दिखाता है, जो चार्ट कंटेनर के ऊपरी किनारे से नीचे की ओर एक पिक्सल ऑफ़सेट होता है. नकारात्मक हो सकता है.

उदाहरण: chart.getChartLayoutInterface().getVAxisValue(300).

चार्ट बनाने के बाद इसे कॉल करें.

रिटर्न टाइप: नंबर
getXLocation(dataValue, optional_axis_index)

चार्ट के कंटेनर के बाएं किनारे के संबंध में dataValue का पिक्सल x-कोऑर्डिनेट दिखाता है.

उदाहरण: chart.getChartLayoutInterface().getXLocation(400).

चार्ट बनाने के बाद इसे कॉल करें.

रिटर्न टाइप: नंबर
getYLocation(dataValue, optional_axis_index)

चार्ट के कंटेनर के ऊपरी किनारे के हिसाब से dataValue का पिक्सल y-कोऑर्डिनेट दिखाता है.

उदाहरण: chart.getChartLayoutInterface().getYLocation(300).

चार्ट बनाने के बाद इसे कॉल करें.

रिटर्न टाइप: नंबर
removeAction(actionID)

चार्ट से, अनुरोध की गई actionID वाली टूलटिप ऐक्शन को हटा देता है.

सामान लौटाने का तरीका: none
setAction(action)

उपयोगकर्ता के कार्रवाई टेक्स्ट पर क्लिक करने पर, होने वाली टूलटिप कार्रवाई सेट करता है.

setAction वाला तरीका, किसी ऑब्जेक्ट को अपने कार्रवाई पैरामीटर के तौर पर लेता है. इस ऑब्जेक्ट को तीन प्रॉपर्टी बतानी चाहिए: id— सेट की जा रही कार्रवाई का आईडी, text —वह टेक्स्ट जो कार्रवाई के लिए टूलटिप में दिखना चाहिए और action — फ़ंक्शन जो उपयोगकर्ता के कार्रवाई टेक्स्ट पर क्लिक करने पर चलना चाहिए.

चार्ट के draw() तरीके का इस्तेमाल करने से पहले, टूलटिप के लिए किसी भी या सभी कार्रवाइयों को सेट करना ज़रूरी है. ज़्यादा जानकारी.

सामान लौटाने का तरीका: none
setSelection()

चार्ट में मौजूद, दी गई इकाइयों को चुनता है. चुने गए पिछले किसी भी आइटम को रद्द कर देगा. बार, लेजेंड एंट्री, और कैटगरी चुनी जा सकने वाली इकाइयां हैं. इस चार्ट के लिए, एक बार में सिर्फ़ एक इकाई चुनी जा सकती है. Extended description .

सामान लौटाने का तरीका: कोई नहीं
clearChart()

चार्ट को हटा देता है और इसके लिए असाइन किए गए सभी संसाधनों को रिलीज़ करता है.

सामान लौटाने का तरीका: कोई नहीं

इवेंट

इन इवेंट को इस्तेमाल करने के तरीके के बारे में ज़्यादा जानने के लिए, बेसिक इंटरैक्टिविटी, इवेंट मैनेज करना, और इवेंट ट्रिगर करना देखें.

नाम
animationfinish

ट्रांज़िशन ऐनिमेशन पूरा होने पर ट्रिगर होता है.

प्रॉपर्टी: कोई प्रॉपर्टी नहीं
click

जब कोई उपयोगकर्ता, चार्ट में क्लिक करता है, तब ट्रिगर होता है. इनका इस्तेमाल यह पहचानने के लिए किया जा सकता है कि टाइटल, डेटा एलिमेंट, लेजेंड एंट्री, ऐक्सिस, ग्रिडलाइन या लेबल को कब क्लिक किया जाता है.

प्रॉपर्टी: targetID
error

यह तब ट्रिगर होता है, जब चार्ट को रेंडर करते समय कोई गड़बड़ी होती है.

प्रॉपर्टी: आईडी, मैसेज
legendpagination

जब उपयोगकर्ता लेजेंड पेज पर नंबर डालने वाले तीर के निशान पर क्लिक करता है, तब ट्रिगर होता है. यह मौजूदा लेजेंड की शून्य-आधारित पेज इंडेक्स और पेजों की कुल संख्या को वापस पास करता है.

प्रॉपर्टी:currentPageIndex, totalPages
onmouseover

यह तब ट्रिगर होता है, जब कोई उपयोगकर्ता किसी विज़ुअल इकाई पर माउस रखता है. इससे जुड़े डेटा टेबल एलिमेंट की पंक्ति और कॉलम के इंडेक्स को पास करता है. बार, डेटा टेबल में किसी सेल, कॉलम से लेजेंड एंट्री (पंक्ति का इंडेक्स खाली है), और कैटगरी को पंक्ति (कॉलम इंडेक्स शून्य है) से जुड़ा होता है.

प्रॉपर्टी: पंक्ति, कॉलम
onmouseout

यह तब ट्रिगर होता है, जब उपयोगकर्ता किसी विज़ुअल इकाई से दूर होता है. इससे जुड़े डेटा टेबल एलिमेंट की पंक्ति और कॉलम के इंडेक्स को पास करता है. बार, डेटा टेबल में किसी सेल, कॉलम से लेजेंड एंट्री (पंक्ति का इंडेक्स खाली है), और कैटगरी को पंक्ति (कॉलम इंडेक्स शून्य है) से जुड़ा होता है.

प्रॉपर्टी: पंक्ति, कॉलम
ready

यह चार्ट, बाहरी तरीके से कॉल करने के लिए तैयार है. अगर आपको चार्ट के साथ इंटरैक्ट करने और कॉल के तरीकों को ड्रॉ करने के बाद, उन्हें ड्रॉ करना है, तो draw तरीके को कॉल करने से पहले, आपको इस इवेंट के लिए लिसनर सेट अप करना चाहिए. साथ ही, इवेंट ट्रिगर होने के बाद ही उन्हें कॉल करना चाहिए.

प्रॉपर्टी: कोई प्रॉपर्टी नहीं
select

तब ट्रिगर होता है, जब उपयोगकर्ता किसी विज़ुअल इकाई पर क्लिक करता है. चुनी गई जानकारी के बारे में जानने के लिए, getSelection() पर कॉल करें.

प्रॉपर्टी: कोई प्रॉपर्टी नहीं

डेटा नीति

सभी कोड और डेटा को ब्राउज़र में प्रोसेस और रेंडर किया जाता है. किसी भी सर्वर पर कोई भी डेटा नहीं भेजा जाता.