fix: fix axis label rotate layout problem

VisActor · Aug 28, 2023 · f437897 · f437897
1 parent 6a4f940
commit f437897
Show file tree

Hide file tree

Showing 5 changed files with 159 additions and 164 deletions.
diff --git a/common/config/rush/pnpm-lock.yaml b/common/config/rush/pnpm-lock.yaml
diff --git a/packages/vtable/examples/pivot-chart/aeolus.ts b/packages/vtable/examples/pivot-chart/aeolus.ts
@@ -873,9 +873,10 @@ export function createTable() {
           style: {
             fontSize: 12,
             fill: '#6F6F6F',
-            angle: 0,
+            angle: 45,
             fontWeight: 'normal'
           },
+          // containerAlign: 'bottom',
           minGap: 4,
           flush: true
         },

diff --git a/packages/vtable/package.json b/packages/vtable/package.json
@@ -47,15 +47,15 @@
     "ci": "ts-node --transpileOnly --skipProject ./scripts/trigger-test.ts"
   },
   "dependencies": {
-    "@visactor/vrender": "0.13.10",
-    "@visactor/vrender-components": "0.13.11",
+    "@visactor/vrender": "0.14.5",
+    "@visactor/vrender-components": "0.14.5",
     "@visactor/vutils": "~0.15.7",
     "@visactor/vscale": "~0.15.7",
     "@visactor/vdataset": "~0.15.7",
     "cssfontparser": "^1.2.1"
   },
   "devDependencies": {
-    "@visactor/vchart": "1.2.1-alpha.3",
+    "@visactor/vchart": "1.3.0-beta.6",
     "@internal/bundler": "workspace:*",
     "@internal/eslint-config": "workspace:*",
     "@internal/ts-config": "workspace:*",

diff --git a/packages/vtable/src/components/axis/get-axis-attributes.ts b/packages/vtable/src/components/axis/get-axis-attributes.ts
@@ -109,6 +109,7 @@ export function getAxisAttributes(option: ICellAxisOption) {
   }
 
   return {
+    orient: spec.orient,
     select: spec.select,
     hover: spec.hover,
     line: transformAxisLineStyle(spec.domainLine),
@@ -130,7 +131,8 @@ export function getAxisAttributes(option: ICellAxisOption) {
             return spec.label.formatMethod(datum.rawValue, datum);
           }
         : null,
-      state: transformStateStyle(spec.label.state)
+      state: transformStateStyle(spec.label.state),
+      containerAlign: spec.label.containerAlign
     },
     tick: {
       visible: spec.tick.visible,