{"id":2080,"date":"2026-07-07T09:05:47","date_gmt":"2026-07-07T09:05:47","guid":{"rendered":"https:\/\/www.vpascode.com\/vn\/docs\/uncategorized\/mermaid-js-kanban-board-syntax-workflow-guide\/"},"modified":"2026-07-07T09:05:47","modified_gmt":"2026-07-07T09:05:47","slug":"mermaid-js-kanban-board-syntax-workflow-guide","status":"publish","type":"ld_docs","link":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/","title":{"rendered":"H\u01b0\u1edbng d\u1eabn c\u00fa ph\u00e1p b\u1ea3ng Kanban v\u00e0 quy tr\u00ecnh Mermaid.js"},"content":{"rendered":"

B\u1ea3ng Kanban l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 qu\u1ea3n l\u00fd quy tr\u00ecnh tr\u1ef1c quan \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 theo d\u00f5i c\u00e1c nhi\u1ec7m v\u1ee5 ho\u1eb7c m\u1ee5c c\u00f4ng vi\u1ec7c qua c\u00e1c giai \u0111o\u1ea1n x\u1eed l\u00fd kh\u00e1c nhau (nh\u01b0 Danh s\u00e1ch ch\u1edd, \u0110ang th\u1ef1c hi\u1ec7n v\u00e0 \u0110\u00e3 ho\u00e0n th\u00e0nh). \u0110\u01b0\u1ee3c gi\u1edbi thi\u1ec7u nh\u01b0 m\u1ed9t t\u00ednh n\u0103ng t\u00edch h\u1ee3p s\u1eb5n trong Mermaid.js, c\u00e1ch ti\u1ebfp c\u1eadn d\u1ef1a tr\u00ean v\u0103n b\u1ea3n n\u00e0y cho ph\u00e9p c\u00e1c \u0111\u1ed9i ph\u00e1t tri\u1ec3n v\u00e0 qu\u1ea3n l\u00fd d\u1ef1 \u00e1n nhanh ch\u00f3ng t\u1ea1o b\u1ea3ng \u0111i\u1ec1u khi\u1ec3n nhi\u1ec7m v\u1ee5 t\u01b0\u01a1ng t\u00e1c b\u00ean trong c\u00e1c t\u1ec7p t\u00e0i li\u1ec7u m\u00e0 kh\u00f4ng c\u1ea7n qu\u1ea3n l\u00fd c\u00e1c \u1ee9ng d\u1ee5ng theo d\u00f5i th\u1ee7 c\u00f4ng hay c\u00e1c th\u00e0nh ph\u1ea7n h\u00ecnh \u1ea3nh t\u1eeb b\u00ean th\u1ee9 ba.<\/p>\n

C\u1ea5u tr\u00fac c\u00fa ph\u00e1p c\u01a1 b\u1ea3n<\/h2>\n

M\u1ed7i b\u1ea3ng Kanban b\u1eaft \u0111\u1ea7u b\u1eb1ng kanban<\/code>ti\u00eau \u0111\u1ec1 khai b\u00e1o. C\u00e1c c\u1ed9t \u0111\u01b0\u1ee3c \u0111\u1ecbnh ngh\u0129a b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng section<\/code>t\u1eeb kh\u00f3a, v\u00e0 c\u00e1c th\u1ebb nhi\u1ec7m v\u1ee5 ri\u00eang l\u1ebb \u0111\u01b0\u1ee3c li\u1ec7t k\u00ea theo th\u1ee9 t\u1ef1 ngay d\u01b0\u1edbi m\u1ed7i c\u1ed9t b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00e1c kh\u1ed1i kho\u1ea3ng c\u00e1ch th\u1ee5t \u0111\u1ea7u d\u00f2ng.<\/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 
kanban\r\ntitle \"Sprint D\u1ef1 \u00e1n M\u1eabu\"\r\nsection Ch\u01b0a l\u00e0m\r\n  Thi\u1ebft k\u1ebf s\u01a1 \u0111\u1ed3 c\u01a1 s\u1edf d\u1eef li\u1ec7u\r\n  So\u1ea1n th\u1ea3o c\u00e1c tuy\u1ebfn API\r\nsection \u0110ang th\u1ef1c hi\u1ec7n\r\n  Tri\u1ec3n khai middleware x\u00e1c th\u1ef1c<\/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
Tham chi\u1ebfu c\u00fa ph\u00e1p<\/h2>\n
B\u1ea3ng d\u01b0\u1edbi \u0111\u00e2y ph\u00e2n t\u00edch c\u00e1c th\u00e0nh ph\u1ea7n d\u1eef li\u1ec7u n\u1ec1n t\u1ea3ng v\u00e0 tham s\u1ed1 \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 x\u00e2y d\u1ef1ng b\u1ea3n \u0111\u1ed3 b\u1ea3ng Kanban trong Mermaid.js.<\/p>\n\n\n\n\n\n\n\n\n\n\n
Th\u00e0nh ph\u1ea7n c\u00fa ph\u00e1p<\/th>\nY\u00eau c\u1ea7u ki\u1ec3u d\u1eef li\u1ec7u<\/th>\nM\u00f4 t\u1ea3 v\u00e0 quy t\u1eafc s\u1eed d\u1ee5ng<\/th>\n<\/tr>\n<\/thead>\n
Khai b\u00e1o<\/strong><\/td>\nCh\u1ec9 \u0111\u1ecbnh t\u1eeb kh\u00f3a<\/td>\nKh\u1edfi t\u1ea1o c\u00e1c tham s\u1ed1 \u00e1nh x\u1ea1 kh\u1ed1i quy tr\u00ecnh linh ho\u1ea1t. Ph\u1ea3i s\u1eed d\u1ee5ng ch\u00ednh x\u00e1c kanban<\/code>kh\u1ed1i.<\/td>\n<\/tr>\n
Ti\u00eau \u0111\u1ec1<\/strong><\/td>\nChu\u1ed7i \u0111\u01b0\u1ee3c \u0111\u00f3ng d\u1ea5u ngo\u1eb7c k\u00e9p<\/td>\nTi\u00eau \u0111\u1ec1 kh\u00f4ng b\u1eaft bu\u1ed9c cho kh\u00f4ng gian l\u00e0m vi\u1ec7c to\u00e0n c\u1ee5c, \u0111\u01b0\u1ee3c c\u0103n gi\u1eefa g\u1ecdn g\u00e0ng \u1edf \u0111\u1ea7u b\u1ea3ng Kanban.<\/td>\n<\/tr>\n
C\u1ed9t ph\u1ea7n<\/strong><\/td>\nT\u1eeb kh\u00f3a + T\u00ean<\/td>\nX\u00e1c \u0111\u1ecbnh m\u1ed9t c\u1ed9t giai \u0111o\u1ea1n quy tr\u00ecnh \u0111\u1ed9c l\u1eadp. S\u1eed d\u1ee5ng t\u1eeb kh\u00f3a section<\/code>theo sau l\u00e0 nh\u00e3n c\u1ee7a c\u1ed9t.<\/td>\n<\/tr>\n
Th\u1ebb nhi\u1ec7m v\u1ee5 ti\u00eau chu\u1ea9n<\/strong><\/td>\nChu\u1ed7i th\u1ee5t \u0111\u1ea7u d\u00f2ng<\/td>\nM\u00f4 t\u1ea3 v\u0103n b\u1ea3n thu\u1ea7n t\u00fay \u0111\u1ea1i di\u1ec7n cho m\u1ed9t th\u1ebb duy nh\u1ea5t. N\u00f3 ph\u1ea3i \u0111\u01b0\u1ee3c th\u1ee5t \u0111\u1ea7u d\u00f2ng ho\u1eb7c th\u1ee5t l\u1ec1 tr\u1ef1c ti\u1ebfp d\u01b0\u1edbi ph\u1ea7n \u0111ang ho\u1ea1t \u0111\u1ed9ng c\u1ee7a n\u00f3.<\/td>\n<\/tr>\n
Th\u1ebb nhi\u1ec7m v\u1ee5 ID<\/strong><\/td>\nCh\u1ec9 m\u1ee5c trong d\u1ea5u ngo\u1eb7c vu\u00f4ng<\/td>\nM\u1ed9t \u0111\u1ecbnh d\u1ea1ng theo d\u00f5i th\u1ebb nhi\u1ec7m v\u1ee5 n\u00e2ng cao s\u1eed d\u1ee5ng m\u1ed9t m\u00e3 ID duy nh\u1ea5t r\u00f5 r\u00e0ng c\u00f9ng v\u1edbi nh\u00e3n hi\u1ec3n th\u1ecb c\u1ee7a n\u00f3: id[Text Th\u1ebb]<\/code>.<\/td>\n<\/tr>\n
Kh\u1ed1i d\u1eef li\u1ec7u ph\u1ee5<\/strong><\/td>\nB\u1ea3n \u0111\u1ed3 c\u1ea5u h\u00ecnh JSON<\/td>\nM\u1ed9t kh\u1ed1i thu\u1ed9c t\u00ednh t\u00f9y ch\u1ecdn \u0111\u01b0\u1ee3c th\u00eam v\u00e0o b\u1eb1ng c\u00e1ch s\u1eed d\u1ee5ng c\u00fa ph\u00e1p @{...}<\/code> quy t\u1eafc c\u00fa ph\u00e1p \u0111\u1ec3 g\u00e1n c\u00e1c thu\u1ed9c t\u00ednh nh\u01b0 m\u1ee9c \u0111\u1ed9 \u01b0u ti\u00ean v\u00e9 ho\u1eb7c ng\u01b0\u1eddi s\u1edf h\u1eefu.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n
Thu\u1ed9c t\u00ednh nhi\u1ec7m v\u1ee5 n\u00e2ng cao v\u00e0 d\u1eef li\u1ec7u ph\u1ee5<\/h2>\n
\u0110\u1ed1i v\u1edbi c\u00e1c \u0111\u1ee3t ph\u00e1t tri\u1ec3n k\u1ef9 thu\u1eadt chi ti\u1ebft ho\u1eb7c quy tr\u00ecnh theo d\u00f5i l\u1ed7i, b\u1ea1n c\u00f3 th\u1ec3 g\u00e1n c\u00e1c thu\u1ed9c t\u00ednh d\u1eef li\u1ec7u ph\u1ee5 tr\u1ef1c ti\u1ebfp l\u00ean th\u1ebb. B\u1eb1ng c\u00e1ch k\u1ebft h\u1ee3p ID n\u00fat duy nh\u1ea5t (v\u00ed d\u1ee5 nh\u01b0 task1[...]<\/code>) v\u1edbi m\u1ed9t kh\u1ed1i khai b\u00e1o c\u1ea5u h\u00ecnh JSON \u1edf cu\u1ed1i (@{}<\/code>), b\u1ea1n c\u00f3 th\u1ec3 in c\u00e1c bi\u1ebfn c\u00f3 c\u1ea5u tr\u00fac nh\u01b0 ng\u01b0\u1eddi \u0111\u01b0\u1ee3c giao nhi\u1ec7m v\u1ee5, m\u1ee9c \u0111\u1ed9 \u01b0u ti\u00ean v\u00e0 v\u00e9 theo d\u00f5i n\u1ed9i b\u1ed9 tr\u1ef1c ti\u1ebfp tr\u00ean m\u1eb7t c\u1ee7a ph\u1ea7n t\u1eed th\u1ebb.<\/p>\n
C\u00e1c bi\u1ebfn nhi\u1ec7m v\u1ee5 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3<\/h3>\n\n\n\n\n\n\n\n
Kh\u00f3a thu\u1ed9c t\u00ednh<\/th>\n\u0110\u1ecbnh d\u1ea1ng gi\u00e1 tr\u1ecb<\/th>\nK\u1ebft qu\u1ea3 tr\u1ef1c quan<\/th>\n<\/tr>\n<\/thead>\n
\u0111\u01b0\u1ee3c giao<\/code><\/td>\nChu\u1ed7i t\u00ean trong d\u1ea5u ngo\u1eb7c k\u00e9p<\/td>\nHi\u1ec3n th\u1ecb nh\u00e3n ch\u1ee7 s\u1edf h\u1eefu ho\u1eb7c nh\u00e0 ph\u00e1t tri\u1ec3n \u0111\u01b0\u1ee3c giao tr\u1ef1c ti\u1ebfp b\u00ean trong ma tr\u1eadn chi ti\u1ebft th\u1ebb.<\/td>\n<\/tr>\n
\u01b0u ti\u00ean<\/code><\/td>\nChu\u1ed7i thang \u0111i\u1ec3m trong d\u1ea5u ngo\u1eb7c k\u00e9p<\/td>\nHi\u1ec3n th\u1ecb ng\u01b0\u1ee1ng m\u1ee9c \u0111\u1ed9 nghi\u00eam tr\u1ecdng c\u1ee7a nhi\u1ec7m v\u1ee5 (v\u00ed d\u1ee5 nh\u01b0 'Cao'<\/code>, 'Trung b\u00ecnh'<\/code>, 'Th\u1ea5p'<\/code>).<\/td>\n<\/tr>\n
v\u00e9<\/code><\/td>\nToken s\u1ed1 nguy\u00ean ho\u1eb7c ch\u1eef c\u00e1i<\/td>\nTheo d\u00f5i c\u00e1c s\u1ed1 nhi\u1ec7m v\u1ee5 ph\u00e1t tri\u1ec3n li\u00ean k\u1ebft ho\u1eb7c m\u00e3 d\u1ef1 \u00e1n h\u1ec7 th\u1ed1ng.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n
B\u1ea3n thi\u1ebft k\u1ebf th\u1ef1c t\u1ebf: \u0110\u1ee3t ph\u00e1t h\u00e0nh ph\u00e1t tri\u1ec3n linh ho\u1ea1t<\/h2>\n
B\u1ea3n thi\u1ebft k\u1ebf to\u00e0n di\u1ec7n n\u00e0y theo d\u00f5i m\u1ed9t \u0111\u1ee3t ph\u00e1t h\u00e0nh tri\u1ec3n khai c\u01a1 s\u1edf h\u1ea1 t\u1ea7ng. N\u00f3 x\u00e1c \u0111\u1ecbnh ba c\u1ed9t ri\u00eang bi\u1ec7t (Danh s\u00e1ch ch\u1edd, \u0110ang th\u1ef1c hi\u1ec7n v\u00e0 S\u1eb5n s\u00e0ng tri\u1ec3n khai) v\u00e0 s\u1eed d\u1ee5ng c\u00e1c ID nhi\u1ec7m v\u1ee5 n\u00e2ng cao k\u1ebft h\u1ee3p v\u1edbi c\u00e1c tham s\u1ed1 si\u00eau d\u1eef li\u1ec7u c\u1ea5u tr\u00fac \u0111\u1ec3 g\u00e1n c\u00e1c nh\u00e0 ph\u00e1t tri\u1ec3n c\u1ee5 th\u1ec3 v\u00e0 m\u00e3 v\u00e9 cho c\u00e1c t\u00ednh n\u0103ng kh\u00e1c nhau.<\/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                    
kanban\r\ntitle \"B\u1ea3ng ph\u00e1t h\u00e0nh t\u00ednh n\u0103ng c\u1ed1t l\u00f5i Q3\"\r\nsection Danh s\u00e1ch ch\u1edd\r\n  task101[T\u1ea1o t\u00e0i li\u1ec7u API Endpoint]@{ assigned: 'Sarah K', priority: 'Trung b\u00ecnh' }\r\n  task102[Thi\u1ebft k\u1ebf b\u1ea3n ph\u00e1c h\u1ecda trang \u0111\u00edch]\r\nsection \u0110ang th\u1ef1c hi\u1ec7n\r\n  task201[Tinh ch\u1ec9nh \u0111\u1ed3ng b\u1ed9 truy v\u1ea5n c\u01a1 s\u1edf d\u1eef li\u1ec7u]@{ assigned: 'Alex M', priority: 'Cao', ticket: 4012 }\r\n  task202[C\u1ea5u h\u00ecnh c\u00e1c th\u00e0nh ph\u1ea7n giao di\u1ec7n ng\u01b0\u1eddi d\u00f9ng Lightbox]@{ assigned: 'Sarah K', priority: 'Th\u1ea5p' }\r\nsection S\u1eb5n s\u00e0ng tri\u1ec3n khai\r\n  task301[Th\u1ef1c hi\u1ec7n x\u00e1c th\u1ef1c ng\u01b0\u1eddi d\u00f9ng \u0111a y\u1ebfu t\u1ed1]@{ assigned: '\u0110\u1ed9i Dev', ticket: 3985 }<\/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\n
L\u01b0u \u00fd c\u00fa ph\u00e1p:<\/strong> Trong khi c\u00e1c nhi\u1ec7m v\u1ee5 \u0111\u01a1n gi\u1ea3n c\u00f3 th\u1ec3 \u0111\u01b0\u1ee3c g\u00f5 tr\u1ef1c ti\u1ebfp d\u01b0\u1edbi d\u1ea1ng d\u00f2ng v\u0103n b\u1ea3n thu\u1ea7n t\u00fay kh\u00f4ng d\u1ea5u ngo\u1eb7c k\u00e9p, c\u00e1c g\u00e1n nhi\u1ec7m v\u1ee5 ph\u1ee9c t\u1ea1p mang theo tham s\u1ed1 si\u00eau d\u1eef li\u1ec7u *ph\u1ea3i* s\u1eed d\u1ee5ng ti\u1ec1n t\u1ed1 chu\u1ed7i \u00e1nh x\u1ea1 ID duy nh\u1ea5t (v\u00ed d\u1ee5 nh\u01b0id1[...]@{...}<\/code>). Vi\u1ec7c t\u00e1i s\u1eed d\u1ee5ng ch\u00ednh x\u00e1c c\u00f9ng m\u1ed9t ID nhi\u1ec7m v\u1ee5 \u1edf c\u00e1c ph\u1ea7n kh\u00e1c nhau tr\u00ean b\u1ea3ng s\u1ebd ghi \u0111\u00e8 thu\u1ed9c t\u00ednh ho\u1eb7c g\u00e2y l\u1ed7i b\u1ed1 c\u1ee5c.<\/em><\/p>\n\n
Nh\u1eefng l\u1ed7i c\u00fa ph\u00e1p ph\u1ed5 bi\u1ebfn v\u00e0 gi\u1edbi h\u1ea1n h\u1ec7 th\u1ed1ng<\/h2>\n
Khi thi\u1ebft k\u1ebf c\u00e1c h\u1ec7 th\u1ed1ng b\u1ed1 c\u1ee5c ph\u1ee9c t\u1ea1p, nhi\u1ec1u giai \u0111o\u1ea1n, h\u00e3y l\u01b0u \u00fd nh\u1eefng tham s\u1ed1 kh\u1eafc ph\u1ee5c s\u1ef1 c\u1ed1 c\u1ea5u tr\u00fac sau:<\/p>\n
    \n
  • Quy t\u1eafc C\u1ed9t tr\u01b0\u1edbc Th\u1ebb:<\/strong> T\u1ea5t c\u1ea3 c\u00e1c th\u1ebb nhi\u1ec7m v\u1ee5 ph\u1ea3i n\u1eb1m d\u01b0\u1edbi kh\u1ed1i c\u1ed9t \u0111ang ho\u1ea1t \u0111\u1ed9ng. Vi\u1ebft d\u00f2ng chu\u1ed7i nhi\u1ec7m v\u1ee5 ngay d\u01b0\u1edbi ti\u00eau \u0111\u1ec1 ch\u00ednh c\u1ee7a b\u1ea1n kanban<\/code> ti\u00eau \u0111\u1ec1 m\u00e0 kh\u00f4ng khai b\u00e1o m\u1ed9t section<\/code>ti\u00eau \u0111\u1ec1 c\u1ed9t \u0111\u1ea7u ti\u00ean s\u1ebd l\u00e0m d\u1eebng qu\u00e1 tr\u00ecnh bi\u00ean d\u1ecbch.<\/li>\n
  • Kho\u1ea3ng tr\u1eafng v\u00e0 th\u1ee5t l\u1ec1:<\/strong> B\u1ed9 \u0111\u1ed9ng l\u1ef1c b\u1ed1 c\u1ee5c theo d\u00f5i nh\u00f3m c\u00e1c th\u1ebb d\u1ef1a tr\u00ean d\u1ea5u th\u1ee5t l\u1ec1 d\u00f2ng. \u0110\u1ea3m b\u1ea3o t\u1ea5t c\u1ea3 c\u00e1c h\u00e0ng th\u1ebb nhi\u1ec7m v\u1ee5 \u0111\u1ec1u \u0111\u01b0\u1ee3c th\u1ee5t l\u1ec1 \u0111\u1ec1u \u0111\u1eb7n d\u01b0\u1edbi c\u00e1c th\u1ebb section<\/code>\u0111\u1ec3 tr\u00e1nh l\u1ed7i c\u0103n ch\u1ec9nh.<\/li>\n
  • \u0110\u1ecbnh d\u1ea1ng Delimiter Metadata:<\/strong> Khi x\u00e2y d\u1ef1ng c\u00e1c thu\u1ed9c t\u00ednh t\u00f9y ch\u1ec9nh b\u00ean trong m\u1ed9t @{ }<\/code> kh\u1ed1i, c\u00e1c kh\u00f3a v\u00e0 gi\u00e1 tr\u1ecb ph\u1ea3i \u00e1nh x\u1ea1 \u0111\u1ebfn c\u00e1c \u0111\u1ed1i s\u1ed1 h\u1ec7 th\u1ed1ng h\u1ee3p l\u1ec7. T\u00e1ch c\u00e1c thu\u1ed9c t\u00ednh nhi\u1ec1u b\u1eb1ng d\u1ea5u ph\u1ea9y v\u00e0 s\u1eed d\u1ee5ng d\u1ea5u ngo\u1eb7c k\u00e9p s\u1ea1ch \u0111\u1ec3 bao quanh c\u00e1c g\u00e1n chu\u1ed7i c\u1ee7a b\u1ea1n.<\/li>\n
  • Qu\u1ea3n l\u00fd M\u1eadt \u0111\u1ed9 Th\u1ebb:<\/strong> M\u1eb7c d\u00f9 th\u00e0nh ph\u1ea7n Kanban ho\u00e0n to\u00e0n ph\u1ea3n h\u1ed3i, nh\u01b0ng vi\u1ec7c l\u00e0m ch\u1eadt ch\u1ed9i m\u1ed9t b\u1ea3ng duy nh\u1ea5t v\u1edbi h\u01a1n 5 c\u1ed9t ho\u1eb7c th\u00eam h\u00e0ng ch\u1ee5c h\u00e0ng metadata d\u00e0y \u0111\u1eb7c c\u00f3 th\u1ec3 l\u00e0m gi\u1ea3m kh\u1ea3 n\u0103ng qu\u00e9t tr\u00ean di \u0111\u1ed9ng. H\u00e3y c\u00e2n b\u1eb1ng c\u00e1c quy t\u1eafc kho\u1ea3ng c\u00e1ch b\u1ed1 c\u1ee5c m\u1ed9t c\u00e1ch c\u00f3 ch\u1ee7 \u00fd.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"
    B\u1ea3ng Kanban l\u00e0 m\u1ed9t c\u00f4ng c\u1ee5 qu\u1ea3n l\u00fd quy tr\u00ecnh tr\u1ef1c quan \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 theo d\u00f5i c\u00e1c nhi\u1ec7m v\u1ee5 ho\u1eb7c m\u1ee5c c\u00f4ng vi\u1ec7c qua c\u00e1c giai \u0111o\u1ea1n x\u1eed l\u00fd kh\u00e1c nhau (nh\u01b0 Danh s\u00e1ch ch\u1edd, \u0110ang th\u1ef1c hi\u1ec7n…<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":17,"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-2080","ld_docs","type-ld_docs","status-publish","hentry","ld_collection-vpascode-docs"],"yoast_head":"\nMermaid Kanban Board Syntax | VPasCode Text to Diagram Guide<\/title>\n<meta name=\"description\" content=\"Build lightweight task workflow boards using Mermaid Kanban syntax inside VPasCode, your text to diagram 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-kanban-board-syntax-workflow-guide\/\" \/>\n<meta property=\"og:locale\" content=\"vi_VN\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Mermaid Kanban Board Syntax | VPasCode Text to Diagram Guide\" \/>\n<meta property=\"og:description\" content=\"Build lightweight task workflow boards using Mermaid Kanban syntax inside VPasCode, your text to diagram tool.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"VPasCode\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4cc1c40f436.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=\"3 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-kanban-board-syntax-workflow-guide\\\/\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/\",\"name\":\"Mermaid Kanban Board 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-kanban-board-syntax-workflow-guide\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4cc1c40f436.png\",\"datePublished\":\"2026-07-07T09:05:47+00:00\",\"description\":\"Build lightweight task workflow boards using Mermaid Kanban syntax inside VPasCode, your text to diagram tool.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/#breadcrumb\"},\"inLanguage\":\"vi\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"vi\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-guide\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4cc1c40f436.png\",\"contentUrl\":\"https:\\\/\\\/www.vpascode.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/img_6a4cc1c40f436.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.vpascode.com\\\/vn\\\/docs\\\/vpascode-docs\\\/mermaid-js-kanban-board-syntax-workflow-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 b\u1ea3ng Kanban v\u00e0 quy tr\u00ecnh 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 Kanban Board Syntax | VPasCode Text to Diagram Guide","description":"Build lightweight task workflow boards using Mermaid Kanban syntax inside VPasCode, your text to diagram 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-kanban-board-syntax-workflow-guide\/","og_locale":"vi_VN","og_type":"article","og_title":"Mermaid Kanban Board Syntax | VPasCode Text to Diagram Guide","og_description":"Build lightweight task workflow boards using Mermaid Kanban syntax inside VPasCode, your text to diagram tool.","og_url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/","og_site_name":"VPasCode","og_image":[{"url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4cc1c40f436.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u01af\u1edbc t\u00ednh th\u1eddi gian \u0111\u1ecdc":"3 ph\u00fat"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/","url":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/","name":"Mermaid Kanban Board 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-kanban-board-syntax-workflow-guide\/#primaryimage"},"image":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4cc1c40f436.png","datePublished":"2026-07-07T09:05:47+00:00","description":"Build lightweight task workflow boards using Mermaid Kanban syntax inside VPasCode, your text to diagram tool.","breadcrumb":{"@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/#breadcrumb"},"inLanguage":"vi","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/"]}]},{"@type":"ImageObject","inLanguage":"vi","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-guide\/#primaryimage","url":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4cc1c40f436.png","contentUrl":"https:\/\/www.vpascode.com\/wp-content\/uploads\/2026\/07\/img_6a4cc1c40f436.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vpascode.com\/vn\/docs\/vpascode-docs\/mermaid-js-kanban-board-syntax-workflow-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 b\u1ea3ng Kanban v\u00e0 quy tr\u00ecnh 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\/2080","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\/3"}],"wp:attachment":[{"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/media?parent=2080"}],"wp:term":[{"taxonomy":"ld_collection","embeddable":true,"href":"https:\/\/www.vpascode.com\/vn\/wp-json\/wp\/v2\/ld_collection?post=2080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}