Add example for side span of gantt

2025-09-19 07:19:41 +02:00 · 2016-05-23 11:23:49 +09:00
parent 0cd04af6a4
commit e8be61e062
1 changed files with 29 additions and 0 deletions
--- a/test/examples/ganttSideSpan.html
+++ b/test/examples/ganttSideSpan.html
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+
+    <link rel="stylesheet" href="dist/mermaid.css"/>
+
+    <script src="dist/mermaid.js"></script>
+    <script>
+        mermaid.initialize({
+            gantt: {
+                leftPadding: 400
+            }
+        });
+    </script>
+</head>
+<body>
+    <div class="mermaid" id="i211">
+        gantt
+            dateFormat YYYY-MM-DD
+            title My Project
+
+            section Long Long Long Long Task Name
+            Completed task  :done,      des1, 2016-04-25, 2016-05-21
+            Active task     :active,    des1, 2016-04-25, 2016-04-30
+            Future task     :           des1, 2016-04-25, 2016-05-30
+    </div>
+</body>
+</html>