{"id":2099,"date":"2026-05-26T08:05:44","date_gmt":"2026-05-26T08:05:44","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/docs\/uncategorized\/mermaid-js-timeline-syntax-guide\/"},"modified":"2026-05-26T08:05:44","modified_gmt":"2026-05-26T08:05:44","slug":"mermaid-js-timeline-syntax-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-timeline-syntax-guide\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p s\u01a1 \u0111\u1ed3 th\u1eddi gian Mermaid.js"},"content":{"rendered":"

S\u01a1 \u0111\u1ed3 th\u1eddi gian l\u00e0 g\u00ec?<\/h2>\n

M\u1ed9t S\u01a1 \u0111\u1ed3 th\u1eddi gian<\/strong> l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 tr\u1ef1c quan h\u00f3a theo th\u1ee9 t\u1ef1 th\u1eddi gian, \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 b\u1ea3n \u0111\u1ed3 c\u00e1c s\u1ef1 ki\u1ec7n ho\u1eb7c c\u1ed9t m\u1ed1c d\u1ef1 \u00e1n d\u1ecdc theo m\u1ed9t tr\u1ee5c th\u1eddi gian tuy\u1ebfn t\u00ednh. Trong khi bi\u1ec3u \u0111\u1ed3 Gantt x\u1eed l\u00fd c\u00e1c m\u1ed1i quan h\u1ec7 ph\u1ee5 thu\u1ed9c v\u00e0 th\u1eddi l\u01b0\u1ee3ng nhi\u1ec7m v\u1ee5 ph\u1ee9c t\u1ea1p, s\u01a1 \u0111\u1ed3 th\u1eddi gian t\u1eadp trung v\u00e0o vi\u1ec7c khi n\u00e0o<\/em>\u2014cung c\u1ea5p m\u1ed9t b\u1ea3n t\u01b0\u1eddng thu\u1eadt r\u00f5 r\u00e0ng, d\u1ec5 quan s\u00e1t v\u1ec1 s\u1ef1 ph\u00e1t tri\u1ec3n c\u1ee7a m\u1ed9t d\u1ef1 \u00e1n ho\u1eb7c chu k\u1ef3 ph\u00e1t h\u00e0nh c\u1ee7a m\u1ed9t h\u1ec7 th\u1ed1ng.<\/p>\n

V\u1edbi Mermaid.js<\/strong>, b\u1ea1n c\u00f3 th\u1ec3 \u0111\u1ecbnh ngh\u0129a s\u01a1 \u0111\u1ed3 th\u1eddi gian c\u1ee7a m\u00ecnh b\u1eb1ng \u0111\u1ecbnh d\u1ea1ng v\u0103n b\u1ea3n \u0111\u01a1n gi\u1ea3n v\u00e0 ph\u00e2n c\u1ea5p. B\u1ed9 x\u1eed l\u00fd s\u1ebd t\u1ef1 \u0111\u1ed9ng x\u1eed l\u00fd kho\u1ea3ng c\u00e1ch, \u0111\u1ecbnh d\u1ea1ng ng\u00e0y th\u00e1ng ho\u1eb7c nh\u00e3n th\u1eddi k\u1ef3, v\u00e0 c\u0103n ch\u1ec9nh c\u00e1c d\u1ea5u hi\u1ec7u s\u1ef1 ki\u1ec7n d\u1ecdc theo tr\u1ee5c th\u1eddi gian trung t\u00e2m.<\/p>\n

H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p c\u1ed1t l\u00f5i<\/h2>\n

\u0110\u1ec3 thi\u1ebft k\u1ebf m\u1ed9t s\u01a1 \u0111\u1ed3 th\u1eddi gian h\u1ee3p l\u1ec7 v\u00e0 c\u00f3 th\u1ec3 ch\u1ea1y \u0111\u01b0\u1ee3c, b\u1ea1n ph\u1ea3i x\u00e1c \u0111\u1ecbnh kho\u1ea3ng th\u1eddi gian tr\u1ee5c v\u00e0 \u00e1nh x\u1ea1 c\u00e1c s\u1ef1 ki\u1ec7n v\u00e0o c\u00e1c ph\u1ea7n c\u1ee5 th\u1ec3.<\/p>\n

1. Kh\u1edfi t\u1ea1o s\u01a1 \u0111\u1ed3 th\u1eddi gian<\/h3>\n

B\u1ea1n kh\u1edfi t\u1ea1o b\u1ea3ng v\u1ebd b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng t\u1eeb kh\u00f3a timeline<\/code> t\u1eeb kh\u00f3a. C\u1ea5u tr\u00fac \u0111\u01b0\u1ee3c x\u00e2y d\u1ef1ng b\u1eb1ng c\u00e1ch x\u00e1c \u0111\u1ecbnh c\u00e1c ph\u1ea7n (ch\u1ee9c n\u0103ng nh\u01b0 nh\u00f3m) v\u00e0 \u00e1nh x\u1ea1 c\u00e1c s\u1ef1 ki\u1ec7n (ho\u1eb7c ng\u00e0y th\u00e1ng) v\u00e0o c\u00e1c ph\u1ea7n \u0111\u00f3.<\/p>\n

\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n
\r\n
\r\n Mermaid<\/span>\r\n \r\n <\/path><\/path><\/svg>\r\n Edit Mermaid in VPasCode<\/span>\r\n <\/a>\r\n <\/div>\r\n
\r\n 
timeline\r\n    title L\u1ecbch s\u1eed ph\u00e1t tri\u1ec3n h\u1ec7 th\u1ed1ng\r\n    section 2025\r\n        Q1 : Ph\u00e1t h\u00e0nh Alpha\r\n    section 2026\r\n        Q2 : Ph\u00e1t h\u00e0nh Beta<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
2. Th\u00eam chi ti\u1ebft v\u00e0o c\u00e1c s\u1ef1 ki\u1ec7n<\/h3>\n
B\u1ea1n c\u00f3 th\u1ec3 th\u00eam nhi\u1ec1u chi ti\u1ebft v\u00e0o m\u1ed9t \u0111i\u1ec3m th\u1eddi gian duy nh\u1ea5t b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng danh s\u00e1ch t\u00e1ch b\u1edfi d\u1ea5u hai ch\u1ea5m. \u0110i\u1ec1u n\u00e0y h\u1eefu \u00edch \u0111\u1ec3 t\u00f3m t\u1eaft c\u00e1c k\u1ebft qu\u1ea3 ch\u00ednh ho\u1eb7c s\u1ed1 phi\u00ean b\u1ea3n li\u00ean quan \u0111\u1ebfn m\u1ed9t ng\u00e0y th\u00e1ng ho\u1eb7c kho\u1ea3ng th\u1eddi gian c\u1ee5 th\u1ec3.<\/p>\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Mermaid<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
timeline\r\n    section Q3 2026\r\n        Ph\u00e1t h\u00e0nh : v1.0.0\r\n                : C\u1ea3i ti\u1ebfn hi\u1ec7u su\u1ea5t\r\n                : B\u1ea3n v\u00e1 b\u1ea3o m\u1eadt<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
V\u00ed d\u1ee5 s\u01a1 \u0111\u1ed3 th\u1eddi gian Mermaid.js th\u1ef1c t\u1ebf: B\u1ea3n \u0111\u1ed3 l\u1ed9 tr\u00ecnh ph\u00e1t h\u00e0nh s\u1ea3n ph\u1ea9m<\/h2>\n
B\u1ea3n thi\u1ebft k\u1ebf n\u00e0y m\u00f4 ph\u1ecfng b\u1ea3n \u0111\u1ed3 l\u1ed9 tr\u00ecnh s\u1ea3n ph\u1ea9m k\u00e9o d\u00e0i nhi\u1ec1u n\u0103m, nh\u00f3m c\u00e1c l\u1ea7n ph\u00e1t h\u00e0nh theo n\u0103m t\u00e0i ch\u00ednh v\u00e0 l\u00e0m n\u1ed5i b\u1eadt c\u00e1c s\u1ea3n ph\u1ea9m ch\u00ednh cho m\u1ed7i chu k\u1ef3.<\/p>\n
\n
\nMermaid<\/span>
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>
\n<\/a>\n<\/div>\n
\n            
\r\n                                
\r\n                    Mermaid<\/span>\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n                                
\r\n                    
l\u1ed9 tr\u00ecnh\r\n    ti\u00eau \u0111\u1ec1 B\u1ea3n \u0111\u1ed3 ph\u00e1t tri\u1ec3n s\u1ea3n ph\u1ea9m 2026-2027\r\n    ph\u1ea7n 2026\r\n        Q1 : Giai \u0111o\u1ea1n Kh\u00e1m ph\u00e1\r\n           : Ph\u1ecfng v\u1ea5n c\u00e1c b\u00ean li\u00ean quan\r\n        Q2 : Ph\u00e1t tri\u1ec3n MVP\r\n           : Thi\u1ebft k\u1ebf API c\u1ed1t l\u00f5i\r\n        Q3 : Ph\u00e1t h\u00e0nh b\u1ea3n Beta\r\n           : V\u00f2ng ph\u1ea3n h\u1ed3i ng\u01b0\u1eddi d\u00f9ng\r\n    ph\u1ea7n 2027\r\n        Q1 : Ra m\u1eaft to\u00e0n di\u1ec7n\r\n           : M\u1edf r\u1ed9ng quy m\u00f4 to\u00e0n c\u1ea7u<\/code><\/pre>                <\/div>\r\n                
\r\n                    \r\n                        <\/path><\/path><\/svg>\r\n                        Edit Mermaid in VPasCode<\/span>\r\n                    <\/a>\r\n                <\/div>\r\n            <\/div>\r\n            \n<\/p><\/div>\n
\n
\n<\/path><\/path><\/svg>
\nCh\u1ec9nh s\u1eeda Mermaid trong VPasCode<\/span>
\n<\/a>\n<\/div>\n<\/div>\n
\"\"<\/p>\n
C\u00e1c th\u1ef1c h\u00e0nh t\u1ed1t nh\u1ea5t cho l\u1ed9 tr\u00ecnh<\/h2>\n
    \n
  • Gi\u1eef c\u00e1c danh m\u1ee5c ng\u1eafn g\u1ecdn:<\/strong> S\u1eed d\u1ee5ng ph\u1ea7n<\/code> \u0111\u1ec3 ch\u1ec9 c\u00e1c nh\u00f3m c\u1ea5p cao (nh\u01b0 n\u0103m ho\u1eb7c c\u00e1c giai \u0111o\u1ea1n ch\u00ednh), gi\u1eef cho c\u00e1c s\u1ef1 ki\u1ec7n th\u1ef1c t\u1ebf \u1edf d\u01b0\u1edbi c\u1ee5 th\u1ec3 v\u00e0 c\u00f3 th\u1ec3 h\u00e0nh \u0111\u1ed9ng.<\/li>\n
  • \u0110\u1ecbnh d\u1ea1ng ng\u00e0y th\u00e1ng nh\u1ea5t qu\u00e1n:<\/strong> \u0110\u1ea3m b\u1ea3o c\u00e1c s\u1ef1 ki\u1ec7n tr\u00ean l\u1ed9 tr\u00ecnh c\u1ee7a b\u1ea1n \u0111\u01b0\u1ee3c s\u1eafp x\u1ebfp theo th\u1ee9 t\u1ef1 th\u1eddi gian trong m\u00e3, v\u00ec \u0111\u1ed9ng c\u01a1 Mermaid s\u1ebd tu\u00e2n theo tr\u00ecnh t\u1ef1 trong script c\u1ee7a b\u1ea1n \u0111\u1ec3 x\u00e1c \u0111\u1ecbnh v\u1ecb tr\u00ed b\u1ed1 c\u1ee5c.<\/li>\n
  • S\u1eed d\u1ee5ng chi ti\u1ebft \u0111\u1ec3 cung c\u1ea5p b\u1ed1i c\u1ea3nh:<\/strong> \u0110\u1eebng l\u00e0m qu\u00e1 t\u1ea3i tr\u1ee5c trung t\u00e2m b\u1eb1ng qu\u00e1 nhi\u1ec1u v\u0103n b\u1ea3n. S\u1eed d\u1ee5ng \u0111\u1ecbnh d\u1ea1ng s\u1ef1 ki\u1ec7n nhi\u1ec1u d\u00f2ng \u0111\u1ec3 ph\u00e2n t\u00edch chi ti\u1ebft ‘\u0111i\u1ec1u g\u00ec \u0111\u00e3 x\u1ea3y ra’ thay v\u00ec l\u00e0m nh\u00e3n ng\u00e0y th\u00e1ng qu\u00e1 d\u00e0i.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    S\u01a1 \u0111\u1ed3 th\u1eddi gian l\u00e0 g\u00ec? M\u1ed9t S\u01a1 \u0111\u1ed3 th\u1eddi gian l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 tr\u1ef1c quan h\u00f3a theo th\u1ee9 t\u1ef1 th\u1eddi gian, \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 b\u1ea3n \u0111\u1ed3 c\u00e1c s\u1ef1 ki\u1ec7n ho\u1eb7c c\u1ed9t m\u1ed1c d\u1ef1 \u00e1n d\u1ecdc theo m\u1ed9t…<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":9,"template":"","meta":{"inline_featured_image":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}}},"ld_collection":[14],"class_list":["post-2099","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nMermaid Timeline Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Document chronological project histories with Mermaid timeline charts in VPasCode, a lightweight diagram-as-code tool.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-timeline-syntax-guide\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mermaid Timeline Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Document chronological project histories with Mermaid timeline charts in VPasCode, a lightweight diagram-as-code tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-timeline-syntax-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904e148fe5.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 ph\u00fat\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-timeline-syntax-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-timeline-syntax-guide\\\/\",\"name\":\"Mermaid Timeline Syntax | VPasCode Text to Diagram Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-timeline-syntax-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-timeline-syntax-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1904e148fe5.png\",\"datePublished\":\"2026-05-26T08:05:44+00:00\",\"description\":\"Document chronological project histories with Mermaid timeline charts in VPasCode, a lightweight diagram-as-code tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-timeline-syntax-guide\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-timeline-syntax-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-timeline-syntax-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1904e148fe5.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/img_6a1904e148fe5.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-timeline-syntax-guide\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lean Docs\",\"item\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/%ld_collection%\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p s\u01a1 \u0111\u1ed3 th\u1eddi gian Mermaid.js\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#website\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"name\":\"VPasCode\",\"description\":\"by Visual Paradigm\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"vi\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#organization\",\"name\":\"VPasCode\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/wp-content\\\/uploads\\\/sites\\\/12\\\/2026\\\/06\\\/cropped-vp-online-logo-v1.png\",\"width\":128,\"height\":138,\"caption\":\"VPasCode\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Mermaid Timeline Syntax | VPasCode Text to Diagram Guide","description":"Document chronological project histories with Mermaid timeline charts in VPasCode, a lightweight diagram-as-code tool.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-timeline-syntax-guide\/","og_locale":"vi_VN","og_type":"article","og_title":"Mermaid Timeline Syntax | VPasCode Text to Diagram Guide","og_description":"Document chronological project histories with Mermaid timeline charts in VPasCode, a lightweight diagram-as-code tool.","og_url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-timeline-syntax-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904e148fe5.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"2 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-timeline-syntax-guide\/","url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-timeline-syntax-guide\/","name":"Mermaid Timeline Syntax | VPasCode Text to Diagram Guide","isPartOf":{"@id":"https:\/\/www.vpascode.com\/vn\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-timeline-syntax-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-timeline-syntax-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904e148fe5.png","datePublished":"2026-05-26T08:05:44+00:00","description":"Document chronological project histories with Mermaid timeline charts in VPasCode, a lightweight diagram-as-code tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-timeline-syntax-guide\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-timeline-syntax-guide\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-timeline-syntax-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904e148fe5.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/05\/img_6a1904e148fe5.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-timeline-syntax-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vpascode.com\/vn\/"},{"@type":"ListItem","position":2,"name":"Lean Docs","item":"https:\/\/www.vpascode.com\/vn\/docs\/%ld_collection%\/"},{"@type":"ListItem","position":3,"name":"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p s\u01a1 \u0111\u1ed3 th\u1eddi gian Mermaid.js"}]},{"@type":"WebSite","@id":"https:\/\/www.vpascode.com\/vn\/#website","url":"https:\/\/www.vpascode.com\/vn\/","name":"VPasCode","description":"by Visual Paradigm","publisher":{"@id":"https:\/\/www.vpascode.com\/vn\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vpascode.com\/vn\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"vi"},{"@type":"Organization","@id":"https:\/\/www.vpascode.com\/vn\/#organization","name":"VPasCode","url":"https:\/\/www.vpascode.com\/vn\/","logo":{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/","url":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","contentUrl":"https:\/\/www.vpascode.com\/vn\/wp-content\/uploads\/sites\/12\/2026\/06\/cropped-vp-online-logo-v1.png","width":128,"height":138,"caption":"VPasCode"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_docs\/2099","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_docs"}],"about":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/types\/ld_docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/users\/4"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/media?parent=2099"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_collection?post=2099"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}