तारीख और समय

खास जानकारी

date और datetime DataTable कॉलम के डेटा टाइप, बिल्ट-इन JavaScript तारीख की क्लास का इस्तेमाल करते हैं.

अहम जानकारी: JavaScript की तारीख वाले ऑब्जेक्ट में, महीने की शुरुआत शून्य से शुरू होकर ग्यारह तक होती है और जनवरी में 0 और दिसंबर के बीच महीना 11 होता है.

तारीख कंस्ट्रक्टर का उपयोग करने वाली तारीख और समय

तारीख कंस्ट्रक्टर का इस्तेमाल करने वाली तारीखें

नया तारीख ऑब्जेक्ट बनाने के लिए, आप Date() कीवर्ड को new कीवर्ड के साथ कॉल करते हैं, जिसमें तारीख के कॉम्पोनेंट तय करने के लिए आर्ग्युमेंट होते हैं. ये तर्क, आपकी तारीख की अलग-अलग प्रॉपर्टी के हिसाब से कई संख्याओं के फ़ॉर्मैट के रूप में होते हैं.

new Date(Year, Month, Day, Hours, Minutes, Seconds, Milliseconds)

date डेटा टाइप के साथ तारीख के कंस्ट्रक्टर का इस्तेमाल करते समय, आपको सिर्फ़ साल, महीना, और दिन की जानकारी देनी होगी.

तारीख के कंस्ट्रक्टर का रूप इस तरह का हो सकता है: new Date(Milliseconds), जहां 1 जनवरी, 1970 को 00:00:00 यूटीसी से मनचाही तारीख की मिलीसेकंड में मिलीसेकंड में दूरी होती है. इस तारीख से पहले की तारीखों और समय के लिए, मिलीसेकंड की नेगेटिव संख्या दी जाएगी.

तारीख के कंस्ट्रक्टर का इस्तेमाल करना तब कारगर होता है, जब आप मैन्युअल तरीके से डेटा टेबल बनाते हैं. इसके लिए, addColumn(), addRow(), और addRows() का इस्तेमाल किया जाता है. arrayToDataTable() तरीका भी इस्तेमाल किया जाता है. हालांकि, अगर डेटा बताने के लिए JSON का इस्तेमाल करना है, तो स्ट्रिंग दिखाना ज़रूरी है.

JavaScript तारीख के कंस्ट्रक्टर, तारीख के स्ट्रिंग को आर्ग्युमेंट के तौर पर भी स्वीकार कर सकते हैं. यह स्ट्रिंग कई तरह के हो सकती है. सबसे भरोसेमंद फ़ॉर्म आरएफ़सी 2822 की खास बातों या ISO 8601 की खास बातों के मुताबिक होते हैं. इनके फ़ॉर्मैट ये हैं:

  • आरएफ़सी 2822 — 'MMM DD, YYYY' या 'DD MMM, YYYY' (उदाहरण: new Date('Jan 1, 2015') या new Date('1 Jan, 2015'))
  • ISO 8601 — 'YYYY-MM-DD' (उदाहरण: new Date('2015-01-01'))

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

साल 2000 के बाद से, NFL के हर सीज़न में सुपर बोल के चैंपियन को नीचे दिखाया गया है.


नीचे टाइमलाइन तैयार करने के लिए कोड दिया गया है. new Date() कंस्ट्रक्टर, और हर तारीख के लिए दिए गए नंबर के इस्तेमाल पर ध्यान दें, जैसा कि पहले बताया गया है.

    google.charts.load('current', {'packages':['timeline']});
    google.charts.setOnLoadCallback(drawChart);

    function drawChart() {
      var data = new google.visualization.DataTable();
      data.addColumn('string', 'Team');
      data.addColumn('date', 'Season Start Date');
      data.addColumn('date', 'Season End Date');

      data.addRows([
        ['Baltimore Ravens',     new Date(2000, 8, 5), new Date(2001, 1, 5)],
        ['New England Patriots', new Date(2001, 8, 5), new Date(2002, 1, 5)],
        ['Tampa Bay Buccaneers', new Date(2002, 8, 5), new Date(2003, 1, 5)],
        ['New England Patriots', new Date(2003, 8, 5), new Date(2004, 1, 5)],
        ['New England Patriots', new Date(2004, 8, 5), new Date(2005, 1, 5)],
        ['Pittsburgh Steelers',  new Date(2005, 8, 5), new Date(2006, 1, 5)],
        ['Indianapolis Colts',   new Date(2006, 8, 5), new Date(2007, 1, 5)],
        ['New York Giants',      new Date(2007, 8, 5), new Date(2008, 1, 5)],
        ['Pittsburgh Steelers',  new Date(2008, 8, 5), new Date(2009, 1, 5)],
        ['New Orleans Saints',   new Date(2009, 8, 5), new Date(2010, 1, 5)],
        ['Green Bay Packers',    new Date(2010, 8, 5), new Date(2011, 1, 5)],
        ['New York Giants',      new Date(2011, 8, 5), new Date(2012, 1, 5)],
        ['Baltimore Ravens',     new Date(2012, 8, 5), new Date(2013, 1, 5)],
        ['Seattle Seahawks',     new Date(2013, 8, 5), new Date(2014, 1, 5)],
      ]);

      var options = {
        height: 450,
        timeline: {
          groupByRowLabel: true
        }
      };

      var chart = new google.visualization.Timeline(document.getElementById('chart_div'));

      chart.draw(data, options);
    }
  

तारीख कंस्ट्रक्टर का उपयोग करने वाली तारीख और समय

DataTable datetime कॉलम डेटा टाइप, date डेटा टाइप वाले डेट कंस्ट्रक्टर का इस्तेमाल करता है, लेकिन अब समय भरने के लिए सभी आर्ग्युमेंट का इस्तेमाल करता है.

इसके अलावा, datetime की स्ट्रिंग को 'तारीख की कंस्ट्रक्टर' में भी पास किया जा सकता है. datetime को दिखाने वाले स्ट्रिंग में, घंटे, मिनट, और सेकंड शामिल करना होता है. इसके अलावा, चार अंकों के समय क्षेत्र का ऑफ़सेट (जैसे, पैसिफ़िक स्टैंडर्ड समय (पीएसटी) -0800) होता है. RFC 2822 की खास जानकारी के लिए, समय और समय क्षेत्र को तारीख के साथ-साथ समय, और समय के बीच के स्पेस में जोड़ा जाता है. ISO 8601 की जानकारी में कोई खाली जगह नहीं होती. इसके बजाय, समय के बारे में बताने के लिए तारीख के बाद अंग्रेज़ी के बड़े अक्षर "T" का इस्तेमाल होता है. समय और ऑफ़सेट के बीच कोई स्पेस भी नहीं है. 6 दिसंबर, 2014 की सुबह 10:30 बजे पीएसटी के लिए पूरी datetime तारीख वाली स्ट्रिंग यह होगी:

  • आरएफ़सी 2822 — Dec 6, 2014 10:30:00 -0800.
  • ISO 8601 — 2014-12-06T10:30:00-0800.

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

तारीख और समय के टाइप का इस्तेमाल करके, नीचे दी गई टाइमलाइन से औसत दिन के बारे में पता चलता है.

    google.charts.load('current', {'packages':['timeline']});
    google.charts.setOnLoadCallback(drawChart);

    function drawChart() {
      var data = google.visualization.arrayToDataTable([
        ['Activity', 'Start Time', 'End Time'],
        ['Sleep',
         new Date(2014, 10, 15, 0, 30),
         new Date(2014, 10, 15, 6, 30)],
        ['Eat Breakfast',
         new Date(2014, 10, 15, 6, 45),
         new Date(2014, 10, 15, 7)],
        ['Get Ready',
         new Date(2014, 10, 15, 7, 4),
         new Date(2014, 10, 15, 7, 30)],
        ['Commute To Work',
         new Date(2014, 10, 15, 7, 30),
         new Date(2014, 10, 15, 8, 30)],
        ['Work',
         new Date(2014, 10, 15, 8, 30),
         new Date(2014, 10, 15, 17)],
        ['Commute Home',
         new Date(2014, 10,  15, 17),
         new Date(2014, 10,  15, 18)],
        ['Gym',
         new Date(2014, 10, 15, 18),
         new Date(2014, 10,  15, 18, 45)],
        ['Eat Dinner',
         new Date(2014, 10,  15, 19),
         new Date(2014, 10,  15, 20)],
        ['Get Ready For Bed',
         new Date(2014, 10,  15, 21),
         new Date(2014, 10,  15, 22)]
      ]);

      var options = {
        height: 450,
      };

      var chart = new google.visualization.Timeline(document.getElementById('chart_div'));

      chart.draw(data, options);
    }
  

तारीख, समय, और समय क्षेत्र

तारीख के कंस्ट्रक्टर का इस्तेमाल करके, date या datetime के लिए, वह तारीख या तारीख और समय दिखेगा जो उपयोगकर्ता के ब्राउज़र ने सेट किया है. तारीख के ऑब्जेक्ट को किसी खास समय क्षेत्र के लिए सेट करने के कई तरीके हैं. सबसे पहले, Google चार्ट में तारीख का फ़ॉर्मैट उपलब्ध होता है, जिसमें आप timeZone बता सकते हैं. यह आपकी DataTable में आपके date और datetime की हर वैल्यू के लिए फ़ॉर्मैट की गई वैल्यू देगा. आपके पास new Date() कंस्ट्रक्टर को अपने आर्ग्युमेंट के तौर पर, किसी string को भी पास करने का विकल्प है. इसके अलावा, अपने तरीके को Date.UTC() तरीके से भी रैप किया जा सकता है, जैसे कि:

new Date(Date.UTC(Year, Month, Day, Hours, Minutes, Seconds, Milliseconds))

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

तारीख स्ट्रिंग प्रतिनिधित्व का उपयोग करने वाली तारीख और समय

अपनी DataTable बनाने के लिए, JavaScript DataTable ऑब्जेक्ट लिटरल नोटेशन का इस्तेमाल करके, डेटा को क्रम से लगाने के दौरान, new Date() कंस्ट्रक्टर का इस्तेमाल नहीं किया जा सकता. इसके बजाय, Google चार्ट, तारीख की ऐसी स्ट्रिंग दिखाता है जिससे डेटा टेबल बनाते समय आपके date या datetime को क्रम से लगाया जा सकता है और सही तरीके से पार्स किया जा सकता है. तारीख के इस स्ट्रिंग फ़ॉर्मैट में, new कीवर्ड को छोड़ दिया जाता है. साथ ही, बाकी के एक्सप्रेशन को कोटेशन मार्क में रैप कर देता है:

"Date(Year, Month, Day, Hours, Minutes, Seconds, Milliseconds)"

अहम जानकारी: इस तारीख की स्ट्रिंग के प्रज़ेंटेशन का इस्तेमाल करते समय, new Date() कंस्ट्रक्टर का इस्तेमाल करते समय, महीनों को शून्य से शुरू किया जाता है (जनवरी 0, दिसंबर, 11 महीने है).

नीचे पहले से ही Super Bowl टाइमलाइन दी गई है, लेकिन अब JavaScript ऑब्जेक्ट लिटरल नोटेशन और तारीख की स्ट्रिंग फ़ॉर्मैट का इस्तेमाल किया जा रहा है.

    google.charts.load('current', {'packages':['timeline']});
    google.charts.setOnLoadCallback(drawChart);

    function drawChart() {
      var data = new google.visualization.DataTable({

        cols: [
          {id: 'team', label: 'Team', type: 'string'},
          {id: 'start', label: 'Season Start Date', type: 'date'},
          {id: 'end', label: 'Season End Date', type: 'date'}
        ],

        rows: [
          {c: [{v: 'Baltimore Ravens'},     {v: 'Date(2000, 8, 5)'}, {v: 'Date(2001, 1, 5)'}]},
          {c: [{v: 'New England Patriots'}, {v: 'Date(2001, 8, 5)'}, {v: 'Date(2002, 1, 5)'}]},
          {c: [{v: 'Tampa Bay Buccaneers'}, {v: 'Date(2002, 8, 5)'}, {v: 'Date(2003, 1, 5)'}]},
          {c: [{v: 'New England Patriots'}, {v: 'Date(2003, 8, 5)'}, {v: 'Date(2004, 1, 5)'}]},
          {c: [{v: 'New England Patriots'}, {v: 'Date(2004, 8, 5)'}, {v: 'Date(2005, 1, 5)'}]},
          {c: [{v: 'Pittsburgh Steelers'},  {v: 'Date(2005, 8, 5)'}, {v: 'Date(2006, 1, 5)'}]},
          {c: [{v: 'Indianapolis Colts'},   {v: 'Date(2006, 8, 5)'}, {v: 'Date(2007, 1, 5)'}]},
          {c: [{v: 'New York Giants'},      {v: 'Date(2007, 8, 5)'}, {v: 'Date(2008, 1, 5)'}]},
          {c: [{v: 'Pittsburgh Steelers'},  {v: 'Date(2008, 8, 5)'}, {v: 'Date(2009, 1, 5)'}]},
          {c: [{v: 'New Orleans Saints'},   {v: 'Date(2009, 8, 5)'}, {v: 'Date(2010, 1, 5)'}]},
          {c: [{v: 'Green Bay Packers'},    {v: 'Date(2010, 8, 5)'}, {v: 'Date(2011, 1, 5)'}]},
          {c: [{v: 'New York Giants'},      {v: 'Date(2011, 8, 5)'}, {v: 'Date(2012, 1, 5)'}]},
          {c: [{v: 'Baltimore Ravens'},     {v: 'Date(2012, 8, 5)'}, {v: 'Date(2013, 1, 5)'}]},
          {c: [{v: 'Seattle Seahawks'},     {v: 'Date(2013, 8, 5)'}, {v: 'Date(2014, 1, 5)'}]}
        ]
      });

      var options = {
        height: 450,
        timeline: {
          groupByRowLabel: true
        }
      };

      var chart = new google.visualization.Timeline(document.getElementById('chart_div'));

      chart.draw(data, options);
    }
  

इस फ़ॉर्मैट का इस्तेमाल arrayToDataTable() तरीके में भी किया जा सकता है, बशर्ते पहली श्रेणी में, जहां कॉलम लेबल तय किए गए हों वहां ज़रूरी कॉलम को type: 'date' या type: 'datetime' के तौर पर बताया जाए.

var data = google.visualization.arrayToDataTable([
  ["Team", {type: 'date', label: 'Season Start Date'}, {type: 'date', label: 'Season End Date'}],
  ["Baltimore Ravens",     "Date(2000, 8, 5)", "Date(2001, 1, 5)"],
  ["New England Patriots", "Date(2001, 8, 5)", "Date(2002, 1, 5)"],
  ["Tampa Bay Buccaneers", "Date(2002, 8, 5)", "Date(2003, 1, 5)"],
  ["New England Patriots", "Date(2003, 8, 5)", "Date(2004, 1, 5)"],
  ["New England Patriots", "Date(2004, 8, 5)", "Date(2005, 1, 5)"],
  ["Pittsburgh Steelers",  "Date(2005, 8, 5)", "Date(2006, 1, 5)"],
  ["Indianapolis Colts",   "Date(2006, 8, 5)", "Date(2007, 1, 5)"],
  ["New York Giants",      "Date(2007, 8, 5)", "Date(2008, 1, 5)"],
  ["Pittsburgh Steelers",  "Date(2008, 8, 5)", "Date(2009, 1, 5)"],
  ["New Orleans Saints",   "Date(2009, 8, 5)", "Date(2010, 1, 5)"],
  ["Green Bay Packers",    "Date(2010, 8, 5)", "Date(2011, 1, 5)"],
  ["New York Giants",      "Date(2011, 8, 5)", "Date(2012, 1, 5)"],
  ["Baltimore Ravens",     "Date(2012, 8, 5)", "Date(2013, 1, 5)"],
  ["Seattle Seahawks",     "Date(2013, 8, 5)", "Date(2014, 1, 5)"]
]);
  

काम करने के समय के साथ काम करना

DataTable timeofday कॉलम के डेटा टाइप में, समय के हिसाब से तीन या चार संख्याएं होती हैं. इसमें, घंटे, मिनट, सेकंड, और विकल्प के तौर पर मिलीसेकंड होते हैं. timeofday का इस्तेमाल करना, date और datetime को इस्तेमाल करने से अलग है. इसमें वैल्यू किसी खास तारीख के लिए नहीं होते हैं. वहीं, date और datetime में तारीख को हमेशा शामिल किया जाता है.

उदाहरण के लिए, सुबह 8:30 बजे यह होगा: [8, 30, 0, 0] के मुताबिक चौथी वैल्यू शामिल होगी ([8, 30, 0] में उसी समय की वैल्यू होगी).

    google.charts.load('current', {'packages':['bar']});
    google.charts.setOnLoadCallback(drawChart);

    function drawChart() {

      var data = new google.visualization.DataTable();
      data.addColumn('timeofday', 'Time of Day');
      data.addColumn('number', 'Emails Received');

      data.addRows([
        [[8, 30, 45], 5],
        [[9, 0, 0], 10],
        [[10, 0, 0, 0], 12],
        [[10, 45, 0, 0], 13],
        [[11, 0, 0, 0], 15],
        [[12, 15, 45, 0], 20],
        [[13, 0, 0, 0], 22],
        [[14, 30, 0, 0], 25],
        [[15, 12, 0, 0], 30],
        [[16, 45, 0], 32],
        [[16, 59, 0], 42]
      ]);

      var options = {
        title: 'Total Emails Received Throughout the Day',
        height: 450
      };

      var chart = new google.charts.Bar(document.getElementById('chart_div'));

      chart.draw(data, google.charts.Bar.convertOptions(options));
    }
  

ऐक्सिस, ग्रिडलाइन, और टिक लेबल को फ़ॉर्मैट करना

तारीखों, तारीख, और समय के साथ काम करते समय, ऐक्सिस लेबल, ग्रिडलाइन लेबल या किसी खास लेबल पर सही का निशान लगाना पसंद करें. ऐसा कुछ तरीकों से किया जा सकता है.

सबसे पहले, hAxis.format या vAxis.format विकल्प का इस्तेमाल किया जा सकता है. यह विकल्प gridlines.count के विकल्प को शामिल न करने पर लागू होता है. ऐसे में, चार्ट में डिफ़ॉल्ट रूप से पांच की गिनती होती है. साथ ही, इसे -1 के अलावा किसी दूसरी संख्या पर सेट किया जाता है. इससे फ़ॉर्मैट की स्ट्रिंग तय की जा सकती है. इसमें तारीख/तारीख/समय/समय के अलग-अलग हिस्सों के लिए प्लेसहोल्डर अक्षरों का इस्तेमाल किया जा सकता है. प्लेसहोल्डर के बारे में ज़्यादा जानकारी पाने और उनके काम करने के तरीके के बारे में ज़्यादा जानने के लिए, तारीख का फ़ॉर्मैट बताने वाला रेफ़रंस देखें. खास तौर पर, pattern सेक्शन में इसके बारे में ज़्यादा जानकारी दी गई है.

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

      function drawChart() {

        var data = new google.visualization.DataTable();
        data.addColumn('date', 'Time of Day');
        data.addColumn('number', 'Rating');

        data.addRows([
          [new Date(2015, 0, 1), 5],  [new Date(2015, 0, 2), 7],  [new Date(2015, 0, 3), 3],
          [new Date(2015, 0, 4), 1],  [new Date(2015, 0, 5), 3],  [new Date(2015, 0, 6), 4],
          [new Date(2015, 0, 7), 3],  [new Date(2015, 0, 8), 4],  [new Date(2015, 0, 9), 2],
          [new Date(2015, 0, 10), 5], [new Date(2015, 0, 11), 8], [new Date(2015, 0, 12), 6],
          [new Date(2015, 0, 13), 3], [new Date(2015, 0, 14), 3], [new Date(2015, 0, 15), 5],
          [new Date(2015, 0, 16), 7], [new Date(2015, 0, 17), 6], [new Date(2015, 0, 18), 6],
          [new Date(2015, 0, 19), 3], [new Date(2015, 0, 20), 1], [new Date(2015, 0, 21), 2],
          [new Date(2015, 0, 22), 4], [new Date(2015, 0, 23), 6], [new Date(2015, 0, 24), 5],
          [new Date(2015, 0, 25), 9], [new Date(2015, 0, 26), 4], [new Date(2015, 0, 27), 9],
          [new Date(2015, 0, 28), 8], [new Date(2015, 0, 29), 6], [new Date(2015, 0, 30), 4],
          [new Date(2015, 0, 31), 6], [new Date(2015, 1, 1), 7],  [new Date(2015, 1, 2), 9]
        ]);


        var options = {
          title: 'Rate the Day on a Scale of 1 to 10',
          width: 900,
          height: 500,
          hAxis: {
            format: 'M/d/yy',
            gridlines: {count: 15}
          },
          vAxis: {
            gridlines: {color: 'none'},
            minValue: 0
          }
        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div'));

        chart.draw(data, options);

        var button = document.getElementById('change');

        button.onclick = function () {

          // If the format option matches, change it to the new option,
          // if not, reset it to the original format.
          options.hAxis.format === 'M/d/yy' ?
          options.hAxis.format = 'MMM dd, yyyy' :
          options.hAxis.format = 'M/d/yy';

          chart.draw(data, options);
        };
      }
  

आपके पास तारीख और समय की खास इकाइयों के लिए फ़ॉर्मैटिंग के नियम भी उपलब्ध कराने का विकल्प होता है. इसके लिए, gridlines और units में units विकल्प को शामिल करके, दोनों ऐक्सिस के लिए नियम जोड़े जा सकते हैं. यह विकल्प सिर्फ़ तब इस्तेमाल किया जाएगा, जब gridlines.count विकल्प को -1 पर सेट किया जाएगा.

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

फ़ॉर्मैट विकल्प स्ट्रिंग के कलेक्शन को स्वीकार करता है और उनका इस्तेमाल तब तक करता है, जब तक कोई फ़ॉर्मैट लेबल के क्षेत्र में फ़िट नहीं हो जाता. इस वजह से, यह सुझाव दिया जाता है कि आप फ़ॉर्मैट को सबसे लंबे से सबसे छोटे के क्रम में रखें. स्ट्रिंग फ़ॉर्मैट में भी वही पैटर्न इस्तेमाल होते हैं जो तारीख का फ़ॉर्मैट करने वाले रेफ़रंस के लिए इस्तेमाल किए गए हों.


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

        hAxis: {
          viewWindow: {
            min: new Date(2014, 11, 31, 18),
            max: new Date(2015, 0, 3, 1)
          },
          gridlines: {
            count: -1,
            units: {
              days: {format: ['MMM dd']},
              hours: {format: ['HH:mm', 'ha']},
            }
          },
          minorGridlines: {
            units: {
              hours: {format: ['hh:mm:ss a', 'ha']},
              minutes: {format: ['HH:mm a Z', ':mm']}
            }
          }
        }
  

JavaScript तारीखों के बारे में ज़्यादा जानकारी

अगर आप JavaScript Date() ऑब्जेक्ट के बारे में ज़्यादा जानना चाहते हैं, तो Mozilla Developer Network एक बेहतरीन रिसॉर्स है. यहां JavaScript तारीख ऑब्जेक्ट के बारे में सब कुछ जाना जा सकता है.