feat: add gantt chart

VisActor · Jul 11, 2024 · 62ffdb7 · 62ffdb7
1 parent 807fb65
commit 62ffdb7
Show file tree

Hide file tree

Showing 8 changed files with 642 additions and 60 deletions.
diff --git a/packages/vtable/examples/gantt/gantt.ts b/packages/vtable/examples/gantt/gantt.ts
@@ -4,6 +4,357 @@ const CONTAINER_ID = 'vTable';
 
 export function createTable() {
   const records = [
+    {
+      id: 1,
+      title: 'Software Development',
+      developer: '[email protected]',
+      start: '2019-07-04',
+      end: '2019-07-04',
+      progress: 31,
+      priority: 'P0'
+    },
+    {
+      id: 2,
+      title: 'Scope',
+      developer: '[email protected]',
+      start: '2024-07-06',
+      end: '2024-07-08',
+      progress: 60,
+      priority: 'P0'
+    },
+    {
+      id: 3,
+      title: 'Determine project scope',
+      developer: '[email protected]',
+      start: '2024-07-09',
+      end: '2024-07-11',
+      progress: 100,
+      priority: 'P1'
+    },
+    {
+      id: 1,
+      title: 'Software Development',
+      developer: '[email protected]',
+      start: '2019-07-04',
+      end: '2019-07-04',
+      progress: 31,
+      priority: 'P0'
+    },
+    {
+      id: 2,
+      title: 'Scope',
+      developer: '[email protected]',
+      start: '2024-07-06',
+      end: '2024-07-08',
+      progress: 60,
+      priority: 'P0'
+    },
+    {
+      id: 3,
+      title: 'Determine project scope',
+      developer: '[email protected]',
+      start: '2024-07-09',
+      end: '2024-07-11',
+      progress: 100,
+      priority: 'P1'
+    },
+    {
+      id: 1,
+      title: 'Software Development',
+      developer: '[email protected]',
+      start: '2019-07-04',
+      end: '2019-07-04',
+      progress: 31,
+      priority: 'P0'
+    },
+    {
+      id: 2,
+      title: 'Scope',
+      developer: '[email protected]',
+      start: '2024-07-06',
+      end: '2024-07-08',
+      progress: 60,
+      priority: 'P0'
+    },
+    {
+      id: 3,
+      title: 'Determine project scope',
+      developer: '[email protected]',
+      start: '2024-07-09',
+      end: '2024-07-11',
+      progress: 100,
+      priority: 'P1'
+    },
+    {
+      id: 1,
+      title: 'Software Development',
+      developer: '[email protected]',
+      start: '2019-07-04',
+      end: '2019-07-04',
+      progress: 31,
+      priority: 'P0'
+    },
+    {
+      id: 2,
+      title: 'Scope',
+      developer: '[email protected]',
+      start: '2024-07-06',
+      end: '2024-07-08',
+      progress: 60,
+      priority: 'P0'
+    },
+    {
+      id: 3,
+      title: 'Determine project scope',
+      developer: '[email protected]',
+      start: '2024-07-09',
+      end: '2024-07-11',
+      progress: 100,
+      priority: 'P1'
+    },
+    {
+      id: 1,
+      title: 'Software Development',
+      developer: '[email protected]',
+      start: '2019-07-04',
+      end: '2019-07-04',
+      progress: 31,
+      priority: 'P0'
+    },
+    {
+      id: 2,
+      title: 'Scope',
+      developer: '[email protected]',
+      start: '2024-07-06',
+      end: '2024-07-08',
+      progress: 60,
+      priority: 'P0'
+    },
+    {
+      id: 3,
+      title: 'Determine project scope',
+      developer: '[email protected]',
+      start: '2024-07-09',
+      end: '2024-07-11',
+      progress: 100,
+      priority: 'P1'
+    },
+    {
+      id: 1,
+      title: 'Software Development',
+      developer: '[email protected]',
+      start: '2019-07-04',
+      end: '2019-07-04',
+      progress: 31,
+      priority: 'P0'
+    },
+    {
+      id: 2,
+      title: 'Scope',
+      developer: '[email protected]',
+      start: '2024-07-06',
+      end: '2024-07-08',
+      progress: 60,
+      priority: 'P0'
+    },
+    {
+      id: 3,
+      title: 'Determine project scope',
+      developer: '[email protected]',
+      start: '2024-07-09',
+      end: '2024-07-11',
+      progress: 100,
+      priority: 'P1'
+    },
+    {
+      id: 1,
+      title: 'Software Development',
+      developer: '[email protected]',
+      start: '2019-07-04',
+      end: '2019-07-04',
+      progress: 31,
+      priority: 'P0'
+    },
+    {
+      id: 2,
+      title: 'Scope',
+      developer: '[email protected]',
+      start: '2024-07-06',
+      end: '2024-07-08',
+      progress: 60,
+      priority: 'P0'
+    },
+    {
+      id: 3,
+      title: 'Determine project scope',
+      developer: '[email protected]',
+      start: '2024-07-09',
+      end: '2024-07-11',
+      progress: 100,
+      priority: 'P1'
+    },
+    {
+      id: 1,
+      title: 'Software Development',
+      developer: '[email protected]',
+      start: '2019-07-04',
+      end: '2019-07-04',
+      progress: 31,
+      priority: 'P0'
+    },
+    {
+      id: 2,
+      title: 'Scope',
+      developer: '[email protected]',
+      start: '2024-07-06',
+      end: '2024-07-08',
+      progress: 60,
+      priority: 'P0'
+    },
+    {
+      id: 3,
+      title: 'Determine project scope',
+      developer: '[email protected]',
+      start: '2024-07-09',
+      end: '2024-07-11',
+      progress: 100,
+      priority: 'P1'
+    },
+    {
+      id: 1,
+      title: 'Software Development',
+      developer: '[email protected]',
+      start: '2019-07-04',
+      end: '2019-07-04',
+      progress: 31,
+      priority: 'P0'
+    },
+    {
+      id: 2,
+      title: 'Scope',
+      developer: '[email protected]',
+      start: '2024-07-06',
+      end: '2024-07-08',
+      progress: 60,
+      priority: 'P0'
+    },
+    {
+      id: 3,
+      title: 'Determine project scope',
+      developer: '[email protected]',
+      start: '2024-07-09',
+      end: '2024-07-11',
+      progress: 100,
+      priority: 'P1'
+    },
+    {
+      id: 1,
+      title: 'Software Development',
+      developer: '[email protected]',
+      start: '2019-07-04',
+      end: '2019-07-04',
+      progress: 31,
+      priority: 'P0'
+    },
+    {
+      id: 2,
+      title: 'Scope',
+      developer: '[email protected]',
+      start: '2024-07-06',
+      end: '2024-07-08',
+      progress: 60,
+      priority: 'P0'
+    },
+    {
+      id: 3,
+      title: 'Determine project scope',
+      developer: '[email protected]',
+      start: '2024-07-09',
+      end: '2024-07-11',
+      progress: 100,
+      priority: 'P1'
+    },
+    {
+      id: 1,
+      title: 'Software Development',
+      developer: '[email protected]',
+      start: '2019-07-04',
+      end: '2019-07-04',
+      progress: 31,
+      priority: 'P0'
+    },
+    {
+      id: 2,
+      title: 'Scope',
+      developer: '[email protected]',
+      start: '2024-07-06',
+      end: '2024-07-08',
+      progress: 60,
+      priority: 'P0'
+    },
+    {
+      id: 3,
+      title: 'Determine project scope',
+      developer: '[email protected]',
+      start: '2024-07-09',
+      end: '2024-07-11',
+      progress: 100,
+      priority: 'P1'
+    },
+    {
+      id: 1,
+      title: 'Software Development',
+      developer: '[email protected]',
+      start: '2019-07-04',
+      end: '2019-07-04',
+      progress: 31,
+      priority: 'P0'
+    },
+    {
+      id: 2,
+      title: 'Scope',
+      developer: '[email protected]',
+      start: '2024-07-06',
+      end: '2024-07-08',
+      progress: 60,
+      priority: 'P0'
+    },
+    {
+      id: 3,
+      title: 'Determine project scope',
+      developer: '[email protected]',
+      start: '2024-07-09',
+      end: '2024-07-11',
+      progress: 100,
+      priority: 'P1'
+    },
+    {
+      id: 1,
+      title: 'Software Development',
+      developer: '[email protected]',
+      start: '2019-07-04',
+      end: '2019-07-04',
+      progress: 31,
+      priority: 'P0'
+    },
+    {
+      id: 2,
+      title: 'Scope',
+      developer: '[email protected]',
+      start: '2024-07-06',
+      end: '2024-07-08',
+      progress: 60,
+      priority: 'P0'
+    },
+    {
+      id: 3,
+      title: 'Determine project scope',
+      developer: '[email protected]',
+      start: '2024-07-09',
+      end: '2024-07-11',
+      progress: 100,
+      priority: 'P1'
+    },
     {
       id: 1,
       title: 'Software Development',
@@ -78,7 +429,7 @@ export function createTable() {
       }
     },
     defaultHeaderRowHeight: 60,
-    defaultRowHeight: 30,
+    defaultRowHeight: 40,
     timelineScales: [
       {
         unit: 'month',
@@ -96,7 +447,7 @@ export function createTable() {
       }
     ],
     minDate: '2024-07-10',
-    maxDate: '2024-09-17'
+    maxDate: '2025-01-17'
   };
   // columns:[
   //   {