खास जानकारी
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 स्पेसिफ़िकेशन के मुताबिक होते हैं. इनके फ़ॉर्मैट इस तरह हैं:
-
RFC 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 सीज़न के सुपर बोल चैंपियन की जानकारी दी गई है.
इस टाइमलाइन को बनाने के लिए कोड नीचे दिया गया है. जैसा कि पहले बताया गया है, 0-आधारित महीनों का इस्तेमाल करके, 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) भी शामिल होता है. आरएफ़सी 2822 की खास बातों के लिए, समय और टाइमज़ोन को तारीख, समय, समय, और टाइमज़ोन के बीच के स्पेस के साथ जोड़ा जाता है. ISO 8601 स्पेसिफ़िकेशन में, कोई स्पेस नहीं होता. समय के कॉम्पोनेंट को दिखाने के लिए, तारीख के बाद अंग्रेज़ी के बड़े अक्षर "T" का इस्तेमाल किया जाता है. समय और टाइमज़ोन ऑफ़सेट के बीच भी कोई स्पेस नहीं है. 6 दिसंबर, 2014 को सुबह 10:30 बजे पीएसटी के लिए, datetime की तारीख की पूरी स्ट्रिंग इस तरह होगी:
- आरएफ़सी 2822 —
Dec 6, 2014 10:30:00 -0800. - आईएसओ 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))
इससे यूटीसी (जीएमटी) टाइमज़ोन में, बताई गई तारीख और समय पर तारीख वाला ऑब्जेक्ट सेट हो जाएगा. यहां से, टाइमज़ोन के लिए अपनी पसंद के ऑफ़सेट का हिसाब लगाया जा सकता है. साथ ही, अपने हिसाब से तारीखें और समय सेट किए जा सकते हैं.
तारीख वाली स्ट्रिंग को दिखाने के तरीके का इस्तेमाल करने वाली तारीख और समय
आपका Dataटेबल बनाने के लिए JavaScript
DataTable ऑब्जेक्ट लिटरल नोटेशन
का इस्तेमाल करके डेटा को क्रम में लगाते समय, new Date() कंस्ट्रक्टर का इस्तेमाल नहीं किया जा सकता. इसके बजाय, Google चार्ट में तारीख की स्ट्रिंग दिखाई जाती है. इसकी मदद से, DataTable बनाते समय आपके 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)"]
]);
Timeofday के साथ काम करना
Dataटेबल 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 और minorGridlines में
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 तारीख से जुड़े ऑब्जेक्ट के बारे में सब कुछ पता चलेगा.