Merge pull request #214 from VisActor/feat/table-infographic

feat: add table infographic templage
VisActor · Jan 9, 2025 · 5527920 · 5527920
2 parents 071edea + 2b9f1f2
commit 5527920
Show file tree

Hide file tree

Showing 7 changed files with 1,579 additions and 4 deletions.
diff --git a/docs/assets/examples/en/infographic/table/pricing-plans.md b/docs/assets/examples/en/infographic/table/pricing-plans.md
diff --git a/docs/assets/examples/menu.json b/docs/assets/examples/menu.json
@@ -228,6 +228,13 @@
             "en": "Unit Infographic Example"
           }
         },
+        {
+          "path": "table/pricing-plans",
+          "title": {
+            "zh": "表格信息图：定价表",
+            "en": "Table Infographic: Pricing Plans"
+          }
+        },
         {
           "path": "line-chart-leftRight",
           "title": {

diff --git a/docs/assets/examples/zh/infographic/table/pricing-plans.md b/docs/assets/examples/zh/infographic/table/pricing-plans.md
diff --git a/packages/vstory-core/src/character/table/graphic/vtable-graphic.ts b/packages/vstory-core/src/character/table/graphic/vtable-graphic.ts
@@ -121,10 +121,6 @@ export class VTableGraphic extends Rect {
       // stage.pauseTriggerEvent();
     }
     stage.resumeRender();
-    this.setAttributes({
-      // @ts-ignore
-      fill: 'rgba(255,0,0,0.2)'
-    });
   }
 
   private _createOption(params: ITableGraphicAttribute) {

diff --git a/packages/vstory-core/src/index.ts b/packages/vstory-core/src/index.ts
@@ -22,5 +22,6 @@ export * from './character/component/interface/character-component';
 export * from './utils/factory';
 
 export { VChart } from '@visactor/vchart';
+export * as VTable from '@visactor/vtable';
 
 // export * from './demo';
diff --git a/packages/vstory/demo/src/App.tsx b/packages/vstory/demo/src/App.tsx
@@ -61,6 +61,7 @@ import { TextComponent } from './demos/component/text';
 import { SpecAxes } from './demos/chart/runtime/spec-axes';
 import { RuntimeTotalLabel } from './demos/chart/runtime/total-label';
 import { RectComponent } from './demos/component/rect';
+import { TableInfographic } from './demos/infographic/infographic-table';
 
 type MenusType = (
   | {
@@ -249,6 +250,10 @@ const App = () => {
           name: 'infographic',
           component: Infographic
         },
+        {
+          name: 'table',
+          component: TableInfographic
+        },
         {
           name: 'Dapanji',
           component: Dapanji