Timeline Format
The xViz Gantt Chart offers formatting options for dates in the timeline header.
Steps to format dates for Timeline:
Go to the Advance Editor
Then, navigate to the Timeline tab, where you will find the Format text box located below the Interval text box.
Afterwards, you can format the date to determine how dates are displayed on the timeline header.
The final result, the timeline header is formatted, is displayed in the image below:
Format Keywords:
Below are the format keywords for customizing the timeline, along with an example. In this example, the date is August 6, 2024, 3:05:02 AM, and week start is set to Monday. Note that the format keywords are case sensitive.
Format
Notes
Result
YYYY
4-digit year
2024
YY
Last 2 digits of the year
24
MMMM
Full month name
August
MMM
3-letter month abbreviation
Aug
MM
Month number with leading zeros
08
M
Month number without leading zeros
8
Q
Quarter number
3
w
Week number of the year without leading zeros
32
ww
Week number of the year with leading zeros
32
D
Day of the month without leading zeros
6
DD
Day of the month with leading zeros
06
ddd
3-letter weekday abbreviation
Tue
dddd
Full weekday name
Tuesday
h
12-hour clock without leading zeros
3 AM
hh
12-hour clock with leading zeros
03 AM
H
24-hour clock without leading zeros
3
HH
24-hour clock with leading zeros
03
m
Minutes without leading zeros
5
mm
Minutes with leading zeros
05
s
Seconds without leading zeros
2
ss
Seconds with leading zeros
02
Template to format Timeline Header:
Combine keywords with additional words encapsulated in double quotes.
Format
Result in Timeline
Notes
"Q"Q
Q3
The Q between double quotes is extra text
YYYY
2024
MMM
Aug
MMM" "DD", "YYYY
Aug 06, 2024
Comma is added here, similarly any other text or symbols can be added in between double quotes
Note: If the header format is set to 'Combined' or 'Days' in the Timeline options of the Format pane, then the Format text boxes will not appear in the Timeline tab.
Last updated
Was this helpful?