diff --git a/common/config/rush/pnpm-lock.yaml b/common/config/rush/pnpm-lock.yaml index 2bf71546b..ec3089eba 100644 --- a/common/config/rush/pnpm-lock.yaml +++ b/common/config/rush/pnpm-lock.yaml @@ -22,7 +22,7 @@ importers: specifier: ~0.5.7 version: 0.5.7 '@visactor/vrender': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../packages/vrender '@visactor/vutils': specifier: ~1.0.12 @@ -95,7 +95,7 @@ importers: ../../packages/react-vrender: dependencies: '@visactor/vrender': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../vrender '@visactor/vutils': specifier: ~1.0.12 @@ -153,10 +153,10 @@ importers: ../../packages/react-vrender-utils: dependencies: '@visactor/react-vrender': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../react-vrender '@visactor/vrender': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../vrender '@visactor/vutils': specifier: ~1.0.12 @@ -211,16 +211,16 @@ importers: ../../packages/vrender: dependencies: '@visactor/vrender-animate': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../vrender-animate '@visactor/vrender-components': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../vrender-components '@visactor/vrender-core': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../vrender-core '@visactor/vrender-kits': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../vrender-kits devDependencies: '@internal/bundler': @@ -287,7 +287,7 @@ importers: ../../packages/vrender-animate: dependencies: '@visactor/vrender-core': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../vrender-core '@visactor/vutils': specifier: ~1.0.12 @@ -345,13 +345,13 @@ importers: ../../packages/vrender-components: dependencies: '@visactor/vrender-animate': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../vrender-animate '@visactor/vrender-core': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../vrender-core '@visactor/vrender-kits': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../vrender-kits '@visactor/vscale': specifier: ~1.0.12 @@ -470,7 +470,7 @@ importers: specifier: 2.4.1 version: 2.4.1 '@visactor/vrender-core': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../vrender-core '@visactor/vutils': specifier: ~1.0.12 @@ -586,19 +586,19 @@ importers: ../../tools/bugserver-trigger: dependencies: '@visactor/vrender': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../../packages/vrender '@visactor/vrender-animate': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../../packages/vrender-animate '@visactor/vrender-components': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../../packages/vrender-components '@visactor/vrender-core': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../../packages/vrender-core '@visactor/vrender-kits': - specifier: workspace:1.0.27 + specifier: workspace:1.0.28 version: link:../../packages/vrender-kits devDependencies: '@internal/bundler': diff --git a/common/config/rush/version-policies.json b/common/config/rush/version-policies.json index 8480dd805..c9c738f29 100644 --- a/common/config/rush/version-policies.json +++ b/common/config/rush/version-policies.json @@ -1 +1 @@ -[{"definitionName":"lockStepVersion","policyName":"vrenderMain","version":"1.0.27","nextBump":"patch"}] +[{"definitionName":"lockStepVersion","policyName":"vrenderMain","version":"1.0.28","nextBump":"patch"}] diff --git a/docs/package.json b/docs/package.json index 6d6d0638f..83420bf7a 100644 --- a/docs/package.json +++ b/docs/package.json @@ -13,7 +13,7 @@ "@visactor/vchart": "1.3.0", "@visactor/vutils": "~1.0.12", "@visactor/vgrammar": "~0.5.7", - "@visactor/vrender": "workspace:1.0.27", + "@visactor/vrender": "workspace:1.0.28", "markdown-it": "^13.0.0", "highlight.js": "^11.8.0", "axios": "^1.4.0", diff --git a/packages/react-vrender-utils/CHANGELOG.json b/packages/react-vrender-utils/CHANGELOG.json index d8d02a3ad..ae439da73 100644 --- a/packages/react-vrender-utils/CHANGELOG.json +++ b/packages/react-vrender-utils/CHANGELOG.json @@ -1,6 +1,12 @@ { "name": "@visactor/react-vrender-utils", "entries": [ + { + "version": "1.0.28", + "tag": "@visactor/react-vrender-utils_v1.0.28", + "date": "Tue, 25 Nov 2025 09:10:56 GMT", + "comments": {} + }, { "version": "1.0.27", "tag": "@visactor/react-vrender-utils_v1.0.27", diff --git a/packages/react-vrender-utils/CHANGELOG.md b/packages/react-vrender-utils/CHANGELOG.md index fbb3abf6f..b9d1653f9 100644 --- a/packages/react-vrender-utils/CHANGELOG.md +++ b/packages/react-vrender-utils/CHANGELOG.md @@ -1,6 +1,11 @@ # Change Log - @visactor/react-vrender-utils -This log was last generated on Fri, 21 Nov 2025 03:42:54 GMT and should not be manually modified. +This log was last generated on Tue, 25 Nov 2025 09:10:56 GMT and should not be manually modified. + +## 1.0.28 +Tue, 25 Nov 2025 09:10:56 GMT + +_Version update only_ ## 1.0.27 Fri, 21 Nov 2025 03:42:54 GMT diff --git a/packages/react-vrender-utils/package.json b/packages/react-vrender-utils/package.json index e4458eb53..df6664a2f 100644 --- a/packages/react-vrender-utils/package.json +++ b/packages/react-vrender-utils/package.json @@ -1,6 +1,6 @@ { "name": "@visactor/react-vrender-utils", - "version": "1.0.27", + "version": "1.0.28", "description": "", "sideEffects": false, "main": "cjs/index.js", @@ -24,8 +24,8 @@ "react-dom": "^18.2.0" }, "dependencies": { - "@visactor/vrender": "workspace:1.0.27", - "@visactor/react-vrender": "workspace:1.0.27", + "@visactor/vrender": "workspace:1.0.28", + "@visactor/react-vrender": "workspace:1.0.28", "@visactor/vutils": "~1.0.12", "react-reconciler": "^0.29.0", "tslib": "^2.3.1" diff --git a/packages/react-vrender/CHANGELOG.json b/packages/react-vrender/CHANGELOG.json index 20b3e531c..61a099f73 100644 --- a/packages/react-vrender/CHANGELOG.json +++ b/packages/react-vrender/CHANGELOG.json @@ -1,6 +1,12 @@ { "name": "@visactor/react-vrender", "entries": [ + { + "version": "1.0.28", + "tag": "@visactor/react-vrender_v1.0.28", + "date": "Tue, 25 Nov 2025 09:10:56 GMT", + "comments": {} + }, { "version": "1.0.27", "tag": "@visactor/react-vrender_v1.0.27", diff --git a/packages/react-vrender/CHANGELOG.md b/packages/react-vrender/CHANGELOG.md index 2fd81870e..0e6e0b0ad 100644 --- a/packages/react-vrender/CHANGELOG.md +++ b/packages/react-vrender/CHANGELOG.md @@ -1,6 +1,11 @@ # Change Log - @visactor/react-vrender -This log was last generated on Fri, 21 Nov 2025 03:42:54 GMT and should not be manually modified. +This log was last generated on Tue, 25 Nov 2025 09:10:56 GMT and should not be manually modified. + +## 1.0.28 +Tue, 25 Nov 2025 09:10:56 GMT + +_Version update only_ ## 1.0.27 Fri, 21 Nov 2025 03:42:54 GMT diff --git a/packages/react-vrender/package.json b/packages/react-vrender/package.json index f33df0a12..792f52fca 100644 --- a/packages/react-vrender/package.json +++ b/packages/react-vrender/package.json @@ -1,6 +1,6 @@ { "name": "@visactor/react-vrender", - "version": "1.0.27", + "version": "1.0.28", "description": "", "sideEffects": false, "main": "cjs/index.js", @@ -23,7 +23,7 @@ "react": "^18.2.0" }, "dependencies": { - "@visactor/vrender": "workspace:1.0.27", + "@visactor/vrender": "workspace:1.0.28", "@visactor/vutils": "~1.0.12", "react-reconciler": "^0.29.0", "tslib": "^2.3.1" diff --git a/packages/vrender-animate/CHANGELOG.json b/packages/vrender-animate/CHANGELOG.json index 86f987d8b..0368313f4 100644 --- a/packages/vrender-animate/CHANGELOG.json +++ b/packages/vrender-animate/CHANGELOG.json @@ -1,6 +1,12 @@ { "name": "@visactor/vrender-animate", "entries": [ + { + "version": "1.0.28", + "tag": "@visactor/vrender-animate_v1.0.28", + "date": "Tue, 25 Nov 2025 09:10:56 GMT", + "comments": {} + }, { "version": "1.0.27", "tag": "@visactor/vrender-animate_v1.0.27", diff --git a/packages/vrender-animate/CHANGELOG.md b/packages/vrender-animate/CHANGELOG.md index 159e5168e..9dee65821 100644 --- a/packages/vrender-animate/CHANGELOG.md +++ b/packages/vrender-animate/CHANGELOG.md @@ -1,6 +1,11 @@ # Change Log - @visactor/vrender-animate -This log was last generated on Fri, 21 Nov 2025 03:42:54 GMT and should not be manually modified. +This log was last generated on Tue, 25 Nov 2025 09:10:56 GMT and should not be manually modified. + +## 1.0.28 +Tue, 25 Nov 2025 09:10:56 GMT + +_Version update only_ ## 1.0.27 Fri, 21 Nov 2025 03:42:54 GMT diff --git a/packages/vrender-animate/package.json b/packages/vrender-animate/package.json index 214527838..b02687e08 100644 --- a/packages/vrender-animate/package.json +++ b/packages/vrender-animate/package.json @@ -1,6 +1,6 @@ { "name": "@visactor/vrender-animate", - "version": "1.0.27", + "version": "1.0.28", "description": "", "sideEffects": false, "main": "cjs/index.js", @@ -21,7 +21,7 @@ }, "dependencies": { "@visactor/vutils": "~1.0.12", - "@visactor/vrender-core": "workspace:1.0.27" + "@visactor/vrender-core": "workspace:1.0.28" }, "devDependencies": { "@internal/bundler": "workspace:*", diff --git a/packages/vrender-components/CHANGELOG.json b/packages/vrender-components/CHANGELOG.json index 992e139d8..5ff866265 100644 --- a/packages/vrender-components/CHANGELOG.json +++ b/packages/vrender-components/CHANGELOG.json @@ -1,6 +1,12 @@ { "name": "@visactor/vrender-components", "entries": [ + { + "version": "1.0.28", + "tag": "@visactor/vrender-components_v1.0.28", + "date": "Tue, 25 Nov 2025 09:10:56 GMT", + "comments": {} + }, { "version": "1.0.27", "tag": "@visactor/vrender-components_v1.0.27", diff --git a/packages/vrender-components/CHANGELOG.md b/packages/vrender-components/CHANGELOG.md index d15fe7d19..3e44703e6 100644 --- a/packages/vrender-components/CHANGELOG.md +++ b/packages/vrender-components/CHANGELOG.md @@ -1,6 +1,11 @@ # Change Log - @visactor/vrender-components -This log was last generated on Fri, 21 Nov 2025 03:42:54 GMT and should not be manually modified. +This log was last generated on Tue, 25 Nov 2025 09:10:56 GMT and should not be manually modified. + +## 1.0.28 +Tue, 25 Nov 2025 09:10:56 GMT + +_Version update only_ ## 1.0.27 Fri, 21 Nov 2025 03:42:54 GMT diff --git a/packages/vrender-components/package.json b/packages/vrender-components/package.json index 984c0e4df..cc149b65c 100644 --- a/packages/vrender-components/package.json +++ b/packages/vrender-components/package.json @@ -1,6 +1,6 @@ { "name": "@visactor/vrender-components", - "version": "1.0.27", + "version": "1.0.28", "description": "components library for dp visualization", "sideEffects": false, "main": "cjs/index.js", @@ -27,9 +27,9 @@ "dependencies": { "@visactor/vutils": "~1.0.12", "@visactor/vscale": "~1.0.12", - "@visactor/vrender-core": "workspace:1.0.27", - "@visactor/vrender-kits": "workspace:1.0.27", - "@visactor/vrender-animate": "workspace:1.0.27" + "@visactor/vrender-core": "workspace:1.0.28", + "@visactor/vrender-kits": "workspace:1.0.28", + "@visactor/vrender-animate": "workspace:1.0.28" }, "devDependencies": { "@internal/bundler": "workspace:*", diff --git a/packages/vrender-components/src/label/base.ts b/packages/vrender-components/src/label/base.ts index 383c2d8d5..8c0574c65 100644 --- a/packages/vrender-components/src/label/base.ts +++ b/packages/vrender-components/src/label/base.ts @@ -862,7 +862,8 @@ export class LabelBase extends AnimateComponent { const relatedGraphic = this.getRelatedGraphic(text.attribute); const { enter } = this._animationConfig; - [text, labelLine].filter(Boolean).forEach(item => + [text, labelLine].filter(Boolean).forEach(item => { + item.setFinalAttributes?.(item.attribute); item.applyAnimationState( ['enter'], [ @@ -884,8 +885,8 @@ export class LabelBase extends AnimateComponent { } } ] - ) - ); + ); + }); } protected _runUpdateAnimation(prevLabel: LabelContent, currentLabel: LabelContent) { diff --git a/packages/vrender-core/CHANGELOG.json b/packages/vrender-core/CHANGELOG.json index d18f58dc4..b3d59039e 100644 --- a/packages/vrender-core/CHANGELOG.json +++ b/packages/vrender-core/CHANGELOG.json @@ -1,6 +1,12 @@ { "name": "@visactor/vrender-core", "entries": [ + { + "version": "1.0.28", + "tag": "@visactor/vrender-core_v1.0.28", + "date": "Tue, 25 Nov 2025 09:10:56 GMT", + "comments": {} + }, { "version": "1.0.27", "tag": "@visactor/vrender-core_v1.0.27", diff --git a/packages/vrender-core/CHANGELOG.md b/packages/vrender-core/CHANGELOG.md index 986912fee..c55dff8c0 100644 --- a/packages/vrender-core/CHANGELOG.md +++ b/packages/vrender-core/CHANGELOG.md @@ -1,6 +1,11 @@ # Change Log - @visactor/vrender-core -This log was last generated on Fri, 21 Nov 2025 03:42:54 GMT and should not be manually modified. +This log was last generated on Tue, 25 Nov 2025 09:10:56 GMT and should not be manually modified. + +## 1.0.28 +Tue, 25 Nov 2025 09:10:56 GMT + +_Version update only_ ## 1.0.27 Fri, 21 Nov 2025 03:42:54 GMT diff --git a/packages/vrender-core/package.json b/packages/vrender-core/package.json index 7dd8825cf..d5bae899b 100644 --- a/packages/vrender-core/package.json +++ b/packages/vrender-core/package.json @@ -1,6 +1,6 @@ { "name": "@visactor/vrender-core", - "version": "1.0.27", + "version": "1.0.28", "description": "", "sideEffects": [ "./src/modules.ts", diff --git a/packages/vrender-core/src/constants.ts b/packages/vrender-core/src/constants.ts index 55ce99357..e4e2fac65 100644 --- a/packages/vrender-core/src/constants.ts +++ b/packages/vrender-core/src/constants.ts @@ -3,4 +3,4 @@ export const VGlobal = Symbol.for('VGlobal'); export const DEFAULT_TEXT_FONT_FAMILY = // eslint-disable-next-line max-len - 'PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol'; + `PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,'-apple-system',segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol`; diff --git a/packages/vrender-core/src/core/stage.ts b/packages/vrender-core/src/core/stage.ts index c21273f50..70e1d6efc 100644 --- a/packages/vrender-core/src/core/stage.ts +++ b/packages/vrender-core/src/core/stage.ts @@ -590,7 +590,7 @@ export class Stage extends Group implements IStage { }); } enableAutoRefresh() { - if (this.autoRefresh) { + if (this.autoRefresh || this.global.env === 'node') { return; } this.autoRefresh = true; diff --git a/packages/vrender-core/src/graphic/config.ts b/packages/vrender-core/src/graphic/config.ts index 8449f200e..cfb13853b 100644 --- a/packages/vrender-core/src/graphic/config.ts +++ b/packages/vrender-core/src/graphic/config.ts @@ -95,7 +95,7 @@ export const DefaultTextStyle: Required = { textBaseline: 'alphabetic', fontSize: 16, // @ts-ignore - fontFamily: `PingFang SC,Microsoft Yahei,system-ui,-apple-system,segoe ui, + fontFamily: `PingFang SC,Microsoft Yahei,system-ui,'-apple-system',segoe ui, Roboto,Helvetica,Arial,sans-serif, apple color emoji,segoe ui emoji,segoe ui symbol`, fontWeight: '', ellipsis: '…', diff --git a/packages/vrender-core/src/graphic/symbol.ts b/packages/vrender-core/src/graphic/symbol.ts index bb5cff78c..99433b694 100644 --- a/packages/vrender-core/src/graphic/symbol.ts +++ b/packages/vrender-core/src/graphic/symbol.ts @@ -122,6 +122,9 @@ export class Symbol extends Graphic implements ISymbol const { size = symbolTheme.size } = attribute; const symbolClass = this.getParsedPath(); + if (!symbolClass) { + return aabbBounds; + } symbolClass.bounds(size, aabbBounds); return aabbBounds; @@ -136,6 +139,9 @@ export class Symbol extends Graphic implements ISymbol toCustomPath() { const symbolInstance = this.getParsedPath(); + if (!symbolInstance) { + return null; + } const size = this.attribute.size; const x = 0; const y = 0; diff --git a/packages/vrender-kits/CHANGELOG.json b/packages/vrender-kits/CHANGELOG.json index 471da9e9f..086c681b2 100644 --- a/packages/vrender-kits/CHANGELOG.json +++ b/packages/vrender-kits/CHANGELOG.json @@ -1,6 +1,12 @@ { "name": "@visactor/vrender-kits", "entries": [ + { + "version": "1.0.28", + "tag": "@visactor/vrender-kits_v1.0.28", + "date": "Tue, 25 Nov 2025 09:10:56 GMT", + "comments": {} + }, { "version": "1.0.27", "tag": "@visactor/vrender-kits_v1.0.27", diff --git a/packages/vrender-kits/CHANGELOG.md b/packages/vrender-kits/CHANGELOG.md index 4353bcd3f..c4021ca8c 100644 --- a/packages/vrender-kits/CHANGELOG.md +++ b/packages/vrender-kits/CHANGELOG.md @@ -1,6 +1,11 @@ # Change Log - @visactor/vrender-kits -This log was last generated on Fri, 21 Nov 2025 03:42:54 GMT and should not be manually modified. +This log was last generated on Tue, 25 Nov 2025 09:10:56 GMT and should not be manually modified. + +## 1.0.28 +Tue, 25 Nov 2025 09:10:56 GMT + +_Version update only_ ## 1.0.27 Fri, 21 Nov 2025 03:42:54 GMT diff --git a/packages/vrender-kits/package.json b/packages/vrender-kits/package.json index 01e76e62f..5a0238457 100644 --- a/packages/vrender-kits/package.json +++ b/packages/vrender-kits/package.json @@ -1,6 +1,6 @@ { "name": "@visactor/vrender-kits", - "version": "1.0.27", + "version": "1.0.28", "description": "", "sideEffects": false, "main": "cjs/index.js", @@ -21,7 +21,7 @@ }, "dependencies": { "@visactor/vutils": "~1.0.12", - "@visactor/vrender-core": "workspace:1.0.27", + "@visactor/vrender-core": "workspace:1.0.28", "@resvg/resvg-js": "2.4.1", "roughjs": "4.6.6", "gifuct-js": "2.1.2", diff --git a/packages/vrender/CHANGELOG.json b/packages/vrender/CHANGELOG.json index 6d57b1a24..c95beb526 100644 --- a/packages/vrender/CHANGELOG.json +++ b/packages/vrender/CHANGELOG.json @@ -1,6 +1,12 @@ { "name": "@visactor/vrender", "entries": [ + { + "version": "1.0.28", + "tag": "@visactor/vrender_v1.0.28", + "date": "Tue, 25 Nov 2025 09:10:56 GMT", + "comments": {} + }, { "version": "1.0.27", "tag": "@visactor/vrender_v1.0.27", diff --git a/packages/vrender/CHANGELOG.md b/packages/vrender/CHANGELOG.md index 344663dd8..3bef4d678 100644 --- a/packages/vrender/CHANGELOG.md +++ b/packages/vrender/CHANGELOG.md @@ -1,6 +1,11 @@ # Change Log - @visactor/vrender -This log was last generated on Fri, 21 Nov 2025 03:42:54 GMT and should not be manually modified. +This log was last generated on Tue, 25 Nov 2025 09:10:56 GMT and should not be manually modified. + +## 1.0.28 +Tue, 25 Nov 2025 09:10:56 GMT + +_Version update only_ ## 1.0.27 Fri, 21 Nov 2025 03:42:54 GMT diff --git a/packages/vrender/__tests__/node/export-image/arc.png b/packages/vrender/__tests__/node/export-image/arc.png new file mode 100644 index 000000000..92f83bda5 Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/arc.png differ diff --git a/packages/vrender/__tests__/node/export-image/arc3d.png b/packages/vrender/__tests__/node/export-image/arc3d.png new file mode 100644 index 000000000..ee051fc60 Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/arc3d.png differ diff --git a/packages/vrender/__tests__/node/export-image/area.png b/packages/vrender/__tests__/node/export-image/area.png new file mode 100644 index 000000000..4d2917e19 Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/area.png differ diff --git a/packages/vrender/__tests__/node/export-image/circle.png b/packages/vrender/__tests__/node/export-image/circle.png new file mode 100644 index 000000000..49e245f42 Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/circle.png differ diff --git a/packages/vrender/__tests__/node/export-image/glyph.png b/packages/vrender/__tests__/node/export-image/glyph.png new file mode 100644 index 000000000..42954ee83 Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/glyph.png differ diff --git a/packages/vrender/__tests__/node/export-image/group.png b/packages/vrender/__tests__/node/export-image/group.png new file mode 100644 index 000000000..e4a20c69d Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/group.png differ diff --git a/packages/vrender/__tests__/node/export-image/image.png b/packages/vrender/__tests__/node/export-image/image.png new file mode 100644 index 000000000..7aa13752a Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/image.png differ diff --git a/packages/vrender/__tests__/node/export-image/line.png b/packages/vrender/__tests__/node/export-image/line.png new file mode 100644 index 000000000..e6ab61ad8 Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/line.png differ diff --git a/packages/vrender/__tests__/node/export-image/path.png b/packages/vrender/__tests__/node/export-image/path.png new file mode 100644 index 000000000..05827b245 Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/path.png differ diff --git a/packages/vrender/__tests__/node/export-image/polygon.png b/packages/vrender/__tests__/node/export-image/polygon.png new file mode 100644 index 000000000..5cf54cd31 Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/polygon.png differ diff --git a/packages/vrender/__tests__/node/export-image/pyramid3d.png b/packages/vrender/__tests__/node/export-image/pyramid3d.png new file mode 100644 index 000000000..ee051fc60 Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/pyramid3d.png differ diff --git a/packages/vrender/__tests__/node/export-image/rect.png b/packages/vrender/__tests__/node/export-image/rect.png new file mode 100644 index 000000000..6beba0ec2 Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/rect.png differ diff --git a/packages/vrender/__tests__/node/export-image/rect3d.png b/packages/vrender/__tests__/node/export-image/rect3d.png new file mode 100644 index 000000000..764c571bb Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/rect3d.png differ diff --git a/packages/vrender/__tests__/node/export-image/star.png b/packages/vrender/__tests__/node/export-image/star.png new file mode 100644 index 000000000..0530c72c9 Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/star.png differ diff --git a/packages/vrender/__tests__/node/export-image/symbol.png b/packages/vrender/__tests__/node/export-image/symbol.png new file mode 100644 index 000000000..164b01038 Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/symbol.png differ diff --git a/packages/vrender/__tests__/node/export-image/text.png b/packages/vrender/__tests__/node/export-image/text.png new file mode 100644 index 000000000..40020e62c Binary files /dev/null and b/packages/vrender/__tests__/node/export-image/text.png differ diff --git a/packages/vrender/__tests__/node/export-image/utils.js b/packages/vrender/__tests__/node/export-image/utils.js new file mode 100644 index 000000000..25b856071 --- /dev/null +++ b/packages/vrender/__tests__/node/export-image/utils.js @@ -0,0 +1,25 @@ +const fs = require('fs'); + +/** + * 创建导出目录（若不存在则递归创建） + * @param {string} dir 目标目录路径 + */ +function ensureDir(dir) { + if (!fs.existsSync(dir)) { + fs.mkdirSync(dir, { recursive: true }); + } +} + +/** + * 将 Stage 渲染并导出为 PNG 文件 + * @param {import('../../cjs/index.js').Stage} stage VRender Stage + * @param {string} filePath 输出文件完整路径 + */ +function renderAndExportPNG(stage, filePath) { + stage.render(); + const buffer = stage.window.getImageBuffer('image/png'); + fs.writeFileSync(filePath, buffer); + stage.release(); +} + +module.exports = { ensureDir, renderAndExportPNG }; \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/arc.js b/packages/vrender/__tests__/node/graphic/arc.js new file mode 100644 index 000000000..437341418 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/arc.js @@ -0,0 +1,27 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createArc } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const samples = [ + { x: 100, y: 100, innerRadius: 20, outerRadius: 40, startAngle: 0, endAngle: Math.PI, fill: '#4a90e2' }, + { x: 240, y: 100, innerRadius: 10, outerRadius: 50, startAngle: Math.PI / 4, endAngle: (3 * Math.PI) / 2, fill: '#50e3c2' }, + { x: 380, y: 100, innerRadius: 30, outerRadius: 60, startAngle: 0, endAngle: Math.PI * 2, stroke: '#333', lineWidth: 4 }, + { x: 100, y: 220, innerRadius: 30, outerRadius: 80, startAngle: 0, endAngle: Math.PI * 2, fill: '#f5a623' }, + { x: 260, y: 220, innerRadius: 40, outerRadius: 70, startAngle: 0, endAngle: Math.PI, stroke: '#d0021b', lineWidth: 6 }, + { x: 420, y: 220, innerRadius: 20, outerRadius: 80, startAngle: Math.PI / 2, endAngle: Math.PI * 2, fill: '#7ed321', stroke: '#000', lineWidth: 2 } + ]; + + samples.forEach(attrs => stage.defaultLayer.add(createArc(attrs))); + + renderAndExportPNG(stage, outDir + '/arc.png'); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/arc3d.js b/packages/vrender/__tests__/node/graphic/arc3d.js new file mode 100644 index 000000000..a56cf3f56 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/arc3d.js @@ -0,0 +1,23 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createArc3d } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const samples = [ + { x: 120, y: 140, innerRadius: 20, outerRadius: 60, startAngle: 0, endAngle: Math.PI, height: 20, fill: '#4a90e2' }, + { x: 320, y: 140, innerRadius: 10, outerRadius: 50, startAngle: Math.PI / 4, endAngle: (3 * Math.PI) / 2, height: 30, fill: '#50e3c2' } + ]; + + samples.forEach(attrs => stage.defaultLayer.add(createArc3d(attrs))); + + renderAndExportPNG(stage, outDir + '/arc3d.png'); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/area.js b/packages/vrender/__tests__/node/graphic/area.js new file mode 100644 index 000000000..cb8f121d0 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/area.js @@ -0,0 +1,39 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createArea } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const samples = [ + { + points: [ + { x: 40, y: 100, x1: 40, y1: 180 }, + { x: 120, y: 80, x1: 120, y1: 180 }, + { x: 180, y: 140, x1: 180, y1: 180 } + ], + fill: '#4a90e2' + }, + { + points: [ + { x: 260, y: 120, x1: 260, y1: 220 }, + { x: 320, y: 60, x1: 320, y1: 220 }, + { x: 380, y: 160, x1: 380, y1: 220 } + ], + fill: '#50e3c2', + stroke: '#333', + lineWidth: 2 + } + ]; + + samples.forEach(attrs => stage.defaultLayer.add(createArea(attrs))); + + renderAndExportPNG(stage, outDir + '/area.png'); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/circle.js b/packages/vrender/__tests__/node/graphic/circle.js new file mode 100644 index 000000000..963731404 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/circle.js @@ -0,0 +1,27 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createCircle } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const samples = [ + { x: 80, y: 80, radius: 40, startAngle: 0, endAngle: Math.PI * 2, fill: '#4a90e2' }, + { x: 200, y: 80, radius: 40, startAngle: 0, endAngle: Math.PI, fill: '#50e3c2' }, + { x: 320, y: 80, radius: 40, startAngle: Math.PI / 4, endAngle: (3 * Math.PI) / 2, stroke: '#333', lineWidth: 4 }, + { x: 80, y: 200, radius: 60, startAngle: 0, endAngle: Math.PI * 2, fill: '#f5a623' }, + { x: 220, y: 220, radius: 30, startAngle: 0, endAngle: Math.PI * 2, stroke: '#d0021b', lineWidth: 6 }, + { x: 340, y: 220, radius: 50, startAngle: 0, endAngle: Math.PI * 2, fill: '#7ed321', stroke: '#000', lineWidth: 2 } + ]; + + samples.forEach(attrs => stage.defaultLayer.add(createCircle(attrs))); + + renderAndExportPNG(stage, outDir + '/circle.png'); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/glyph.js b/packages/vrender/__tests__/node/graphic/glyph.js new file mode 100644 index 000000000..1be628553 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/glyph.js @@ -0,0 +1,24 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createGlyph, createRect, createCircle, createText } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const glyph = createGlyph({ x: 100, y: 100 }); + const rect = createRect({ x: 0, y: 0, width: 120, height: 80, fill: '#4a90e2' }); + const circle = createCircle({ x: 60, y: 40, radius: 20, startAngle: 0, endAngle: Math.PI * 2, fill: '#f5a623' }); + const label = createText({ x: 60, y: 70, text: 'Glyph', textAlign: 'center', textBaseline: 'top', fontSize: 14, fill: '#fff' }); + glyph.setSubGraphic([rect, circle, label]); + + stage.defaultLayer.add(glyph); + + renderAndExportPNG(stage, outDir + '/glyph.png'); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/group.js b/packages/vrender/__tests__/node/graphic/group.js new file mode 100644 index 000000000..6b23f9b93 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/group.js @@ -0,0 +1,27 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createGroup, createRect, createCircle, createText } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const group = createGroup({ x: 60, y: 60, width: 240, height: 180, stroke: '#333', lineWidth: 2 }); + const rect = createRect({ x: 20, y: 20, width: 100, height: 60, fill: '#4a90e2' }); + const circle = createCircle({ x: 160, y: 50, radius: 30, startAngle: 0, endAngle: Math.PI * 2, fill: '#f5a623' }); + const label = createText({ x: 120, y: 150, text: 'Group', textAlign: 'center', textBaseline: 'middle', fontSize: 16, fill: '#333' }); + + group.add(rect); + group.add(circle); + group.add(label); + + stage.defaultLayer.add(group); + + renderAndExportPNG(stage, outDir + '/group.png'); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/image.js b/packages/vrender/__tests__/node/graphic/image.js new file mode 100644 index 000000000..1decab5b2 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/image.js @@ -0,0 +1,32 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createImage } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const localImgPath = path.resolve(__dirname, '../../browser/src/node/image.png'); + + const img = createImage({ + x: 60, + y: 60, + width: 200, + height: 200, + image: localImgPath + }); + + img.successCallback = () => { + stage.render(); + renderAndExportPNG(stage, outDir + '/image.png'); + }; + + stage.defaultLayer.add(img); + stage.render(); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/line.js b/packages/vrender/__tests__/node/graphic/line.js new file mode 100644 index 000000000..e4f81efa4 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/line.js @@ -0,0 +1,48 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createLine } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const samples = [ + { + points: [ + { x: 40, y: 60 }, + { x: 120, y: 40 }, + { x: 180, y: 100 } + ], + stroke: '#4a90e2', + lineWidth: 3 + }, + { + points: [ + { x: 220, y: 60 }, + { x: 300, y: 40 }, + { x: 360, y: 100 }, + { x: 420, y: 60 } + ], + stroke: '#50e3c2', + lineWidth: 2 + }, + { + segments: [ + { points: [ { x: 40, y: 200 }, { x: 120, y: 220 }, { x: 180, y: 260 } ] }, + { points: [ { x: 40, y: 280 }, { x: 120, y: 300 }, { x: 180, y: 340 } ] } + ], + stroke: '#d0021b', + lineWidth: 4 + } + ]; + + samples.forEach(attrs => stage.defaultLayer.add(createLine(attrs))); + + renderAndExportPNG(stage, outDir + '/line.png'); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/path.js b/packages/vrender/__tests__/node/graphic/path.js new file mode 100644 index 000000000..a353cd111 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/path.js @@ -0,0 +1,24 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createPath } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const samples = [ + { x: 60, y: 60, path: 'M0,0 L100,0 L100,100 L0,100 Z', fill: '#4a90e2' }, + { x: 220, y: 60, path: 'M0,50 C40,-20 60,120 100,50', stroke: '#d0021b', lineWidth: 3 }, + { x: 380, y: 60, path: 'M0,0 A50,50 0 1,1 0,100 A50,50 0 1,1 0,0', fill: '#50e3c2', lineWidth: 2 } + ]; + + samples.forEach(attrs => stage.defaultLayer.add(createPath(attrs))); + + renderAndExportPNG(stage, outDir + '/path.png'); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/polygon.js b/packages/vrender/__tests__/node/graphic/polygon.js new file mode 100644 index 000000000..8f38bd729 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/polygon.js @@ -0,0 +1,31 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createPolygon } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const samples = [ + { + points: [ { x: 40, y: 40 }, { x: 140, y: 40 }, { x: 90, y: 120 } ], + fill: '#4a90e2' + }, + { + points: [ { x: 220, y: 60 }, { x: 300, y: 40 }, { x: 360, y: 100 }, { x: 280, y: 140 } ], + fill: '#50e3c2', + stroke: '#333', + lineWidth: 2 + } + ]; + + samples.forEach(attrs => stage.defaultLayer.add(createPolygon(attrs))); + + renderAndExportPNG(stage, outDir + '/polygon.png'); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/pyramid3d.js b/packages/vrender/__tests__/node/graphic/pyramid3d.js new file mode 100644 index 000000000..e1e937000 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/pyramid3d.js @@ -0,0 +1,29 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createPyramid3d } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const samples = [ + { + points: [ { x: 80, y: 80 }, { x: 160, y: 60 }, { x: 180, y: 140 }, { x: 100, y: 160 } ], + fill: '#4a90e2' + }, + { + points: [ { x: 260, y: 100 }, { x: 340, y: 80 }, { x: 360, y: 160 }, { x: 280, y: 180 } ], + fill: '#50e3c2' + } + ]; + + samples.forEach(attrs => stage.defaultLayer.add(createPyramid3d(attrs))); + + renderAndExportPNG(stage, outDir + '/pyramid3d.png'); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/rect.js b/packages/vrender/__tests__/node/graphic/rect.js new file mode 100644 index 000000000..6e6909bb7 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/rect.js @@ -0,0 +1,27 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createRect } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const samples = [ + { x: 40, y: 40, width: 120, height: 80, fill: '#4a90e2' }, + { x: 200, y: 40, width: 120, height: 80, fill: '#50e3c2', cornerRadius: 12 }, + { x: 360, y: 40, width: 120, height: 80, fill: '#f5a623', stroke: '#333', lineWidth: 4 }, + { x: 40, y: 160, width: 120, height: 120, fill: '#9013fe', cornerRadius: 24 }, + { x: 200, y: 160, width: 120, height: 120, stroke: '#d0021b', lineWidth: 6 }, + { x: 360, y: 160, width: 120, height: 120, fill: '#7ed321', stroke: '#000', lineWidth: 2 } + ]; + + samples.forEach(attrs => stage.defaultLayer.add(createRect(attrs))); + + renderAndExportPNG(stage, outDir + '/rect.png'); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/rect3d.js b/packages/vrender/__tests__/node/graphic/rect3d.js new file mode 100644 index 000000000..3f9bcec6f --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/rect3d.js @@ -0,0 +1,23 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createRect3d } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const samples = [ + { x: 80, y: 80, width: 120, height: 80, length: 40, fill: '#4a90e2' }, + { x: 260, y: 100, width: 160, height: 100, length: 60, fill: '#50e3c2' } + ]; + + samples.forEach(attrs => stage.defaultLayer.add(createRect3d(attrs))); + + renderAndExportPNG(stage, outDir + '/rect3d.png'); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/star.js b/packages/vrender/__tests__/node/graphic/star.js new file mode 100644 index 000000000..d8847dc00 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/star.js @@ -0,0 +1,24 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createStar } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const samples = [ + { x: 60, y: 60, width: 120, height: 120, spikes: 5, thickness: 0.4, fill: '#4a90e2' }, + { x: 220, y: 60, width: 160, height: 120, spikes: 7, thickness: 0.2, fill: '#50e3c2' }, + { x: 400, y: 60, width: 120, height: 160, spikes: 8, thickness: 0.3, stroke: '#333', lineWidth: 2 } + ]; + + samples.forEach(attrs => stage.defaultLayer.add(createStar(attrs))); + + renderAndExportPNG(stage, outDir + '/star.png'); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/symbol.js b/packages/vrender/__tests__/node/graphic/symbol.js new file mode 100644 index 000000000..b577a0831 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/symbol.js @@ -0,0 +1,25 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createSymbol } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const samples = [ + { x: 80, y: 80, symbolType: 'circle', size: 60, fill: '#4a90e2' }, + { x: 180, y: 80, symbolType: 'cross', size: 60, stroke: '#d0021b', lineWidth: 4 }, + { x: 280, y: 80, symbolType: 'diamond', size: 60, fill: '#50e3c2' }, + { x: 380, y: 80, symbolType: 'square', size: 60, fill: '#f5a623' } + ]; + + samples.forEach(attrs => stage.defaultLayer.add(createSymbol(attrs))); + + renderAndExportPNG(stage, outDir + '/symbol.png'); +} + +main(); \ No newline at end of file diff --git a/packages/vrender/__tests__/node/graphic/text.js b/packages/vrender/__tests__/node/graphic/text.js new file mode 100644 index 000000000..1ef758d66 --- /dev/null +++ b/packages/vrender/__tests__/node/graphic/text.js @@ -0,0 +1,25 @@ +const CanvasPkg = require('canvas'); +const path = require('path'); +const { vglobal, createStage, createText } = require('../../../cjs/index.js'); +const { ensureDir, renderAndExportPNG } = require('../export-image/utils'); + +function main() { + vglobal.setEnv('node', CanvasPkg); + const outDir = path.resolve(__dirname, '../export-image'); + ensureDir(outDir); + + const stage = createStage({ width: 600, height: 400, autoRender: false }); + + const samples = [ + { x: 100, y: 60, text: 'Left/Top', textAlign: 'left', textBaseline: 'top', fontSize: 40, fill: '#333' } + { x: 300, y: 60, text: 'Center/Middle', textAlign: 'center', textBaseline: 'middle', fontSize: 24, fill: '#4a90e2' }, + { x: 500, y: 60, text: 'Right/Bottom', textAlign: 'right', textBaseline: 'bottom', fontSize: 18, fill: '#d0021b' }, + { x: 100, y: 200, text: '宽度限制\\n自动换行', textAlign: 'left', textBaseline: 'top', fontSize: 16, maxWidth: 140, fill: '#50e3c2' } + ]; + + samples.forEach(attrs => stage.defaultLayer.add(createText(attrs))); + + renderAndExportPNG(stage, outDir + '/text.png'); +} + +main(); diff --git a/packages/vrender/__tests__/node/image.png b/packages/vrender/__tests__/node/image.png new file mode 100644 index 000000000..a76299894 Binary files /dev/null and b/packages/vrender/__tests__/node/image.png differ diff --git a/packages/vrender/__tests__/node/index.js b/packages/vrender/__tests__/node/index.js new file mode 100644 index 000000000..2f218d1e5 --- /dev/null +++ b/packages/vrender/__tests__/node/index.js @@ -0,0 +1,80 @@ +const CanvasPkg = require('canvas'); +const { + vglobal, + createStage, + createGroup, + createLine, + createText, + createSymbol, + createRect, + createPath, + createArc, + createArea, + createCircle +} = require('../../cjs/index.js'); +const fs = require('fs'); + +const vchartStageJson = require('./vchart-stage.json'); +/** + * 在 Node 环境下渲染示例并输出 PNG 文件 + * - 注入 node-canvas 到 VRender 环境 + * - 创建无 DOM 的 Stage，渲染矩形 + * - 导出 PNG Buffer 并写入 image.png + */ + +function _add(group, json) { + if (json.type === 'group') { + const g = createGroup(json.attribute); + group.add(g); + json.children && + json.children.forEach(item => { + _add(g, item); + }); + } else if (json.type === 'line') { + console.log(json.points); + group.add(createLine(json.attribute)); + } else if (json.type === 'text') { + group.add(createText(json.attribute)); + } else if (json.type === 'symbol') { + group.add(createSymbol(json.attribute)); + } else if (json.type === 'rect') { + group.add(createRect(json.attribute)); + } else if (json.type === 'path') { + group.add(createPath(json.attribute)); + } else if (json.type === 'arc') { + group.add(createArc(json.attribute)); + } else if (json.type === 'area') { + group.add(createArea(json.attribute)); + } else if (json.type === 'circle') { + group.add(createCircle(json.attribute)); + } +} + +const loadVChartStage = (stage, json) => { + const layer = stage.at(0); + + json.children[0].children.forEach(item => { + _add(layer, item); + }); +}; + +function main() { + // 注册 Node 环境与 node-canvas + vglobal.setEnv('node', CanvasPkg); + + // 创建舞台 + const stage = createStage({ width: 340, height: 300, autoRender: false, dpr: 2 }); + + // 添加图形 + loadVChartStage(stage, vchartStageJson); + + // 渲染与导出 + stage.render(); + const buffer = stage.window.getImageBuffer('image/png'); + fs.writeFileSync(__dirname + '/image.png', buffer); + + // 释放 + stage.release(); +} + +main(); diff --git a/packages/vrender/__tests__/node/vchart-stage.json b/packages/vrender/__tests__/node/vchart-stage.json new file mode 100644 index 000000000..ccf02849a --- /dev/null +++ b/packages/vrender/__tests__/node/vchart-stage.json @@ -0,0 +1,2618 @@ +{ + "attribute": {}, + "_uid": 1206, + "type": "group", + "children": [ + { + "attribute": {}, + "_uid": 1212, + "type": "group", + "children": [ + { + "attribute": { + "x": 0, + "y": 0, + "width": 300, + "height": 300 + }, + "_uid": 1217, + "type": "group", + "name": "root", + "children": [ + { + "attribute": { + "visible": true, + "x": 47, + "y": 121, + "width": 233, + "height": 135, + "clip": false, + "zIndex": 450, + "pickable": false + }, + "_uid": 1218, + "type": "group", + "name": "regionGroup_135", + "children": [ + { + "attribute": { + "visible": true, + "x": 0, + "y": 0, + "zIndex": 0, + "pickable": false + }, + "_uid": 1219, + "type": "group", + "name": "seriesGroup_bar_137_139", + "children": [ + { + "attribute": { + "pickable": false, + "zIndex": 300 + }, + "_uid": 1220, + "type": "group", + "name": "bar_140", + "children": [ + { + "attribute": { + "visible": true, + "lineWidth": 0, + "fill": "#1664FF", + "stroke": "#1664FF", + "x": 12.70909090909089, + "y": 118.125, + "y1": 135, + "width": 38.12727272727273 + }, + "_uid": 1297, + "type": "rect", + "children": [] + }, + { + "attribute": { + "visible": true, + "lineWidth": 0, + "fill": "#1664FF", + "stroke": "#1664FF", + "x": 55.072727272727256, + "y": 101.25, + "y1": 135, + "width": 38.12727272727273 + }, + "_uid": 1298, + "type": "rect", + "children": [] + }, + { + "attribute": { + "visible": true, + "lineWidth": 0, + "fill": "#1664FF", + "stroke": "#1664FF", + "x": 97.43636363636362, + "y": 84.375, + "y1": 135, + "width": 38.12727272727273 + }, + "_uid": 1299, + "type": "rect", + "children": [] + }, + { + "attribute": { + "visible": true, + "lineWidth": 0, + "fill": "#1664FF", + "stroke": "#1664FF", + "x": 139.79999999999998, + "y": 109.6875, + "y1": 135, + "width": 38.12727272727273 + }, + "_uid": 1300, + "type": "rect", + "children": [] + }, + { + "attribute": { + "visible": true, + "lineWidth": 0, + "fill": "#1664FF", + "stroke": "#1664FF", + "x": 182.16363636363636, + "y": 92.8125, + "y1": 135, + "width": 38.12727272727273 + }, + "_uid": 1301, + "type": "rect", + "children": [] + }, + { + "attribute": { + "visible": true, + "lineWidth": 0, + "fill": "#1AC6FF", + "stroke": "#1AC6FF", + "x": 12.70909090909089, + "y": 92.8125, + "y1": 118.125, + "width": 38.12727272727273 + }, + "_uid": 1302, + "type": "rect", + "children": [] + }, + { + "attribute": { + "visible": true, + "lineWidth": 0, + "fill": "#1AC6FF", + "stroke": "#1AC6FF", + "x": 55.072727272727256, + "y": 59.0625, + "y1": 101.25, + "width": 38.12727272727273 + }, + "_uid": 1303, + "type": "rect", + "children": [] + }, + { + "attribute": { + "visible": true, + "lineWidth": 0, + "fill": "#1AC6FF", + "stroke": "#1AC6FF", + "x": 97.43636363636362, + "y": 25.3125, + "y1": 84.375, + "width": 38.12727272727273 + }, + "_uid": 1304, + "type": "rect", + "children": [] + }, + { + "attribute": { + "visible": true, + "lineWidth": 0, + "fill": "#1AC6FF", + "stroke": "#1AC6FF", + "x": 139.79999999999998, + "y": 75.9375, + "y1": 109.6875, + "width": 38.12727272727273 + }, + "_uid": 1305, + "type": "rect", + "children": [] + }, + { + "attribute": { + "visible": true, + "lineWidth": 0, + "fill": "#1AC6FF", + "stroke": "#1AC6FF", + "x": 182.16363636363636, + "y": 55.6875, + "y1": 92.8125, + "width": 38.12727272727273 + }, + "_uid": 1306, + "type": "rect", + "children": [] + } + ] + } + ] + }, + { + "attribute": { + "pickable": false, + "zIndex": 300 + }, + "_uid": 1225, + "type": "group", + "name": "137-bar-label-0-component_164", + "children": [ + { + "attribute": { + "dataLabels": [ + { + "smartInvert": true, + "baseMarkGroupName": "bar_140", + "textStyle": { + "pickable": false, + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "lineWidth": 2, + "stroke": "#ffffff", + "fill": "#fff" + }, + "overlap": { + "avoidMarks": [], + "strategy": [ + { + "type": "position" + } + ], + "size": { + "width": 233, + "height": 135 + } + }, + "visible": true, + "offset": 5, + "animation": true, + "animationUpdate": true, + "animationEnter": true, + "animationExit": true, + "hover": false, + "select": false, + "centerOffset": 0, + "type": "rect", + "data": [ + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 10, + "textType": "text", + "data": { + "category": "A", + "series": "S1", + "value": 10, + "__VCHART_DEFAULT_DATA_INDEX": 0, + "__VCHART_DEFAULT_DATA_KEY": "A_S1", + "__VCHART_STACK_END": 10, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "A" + }, + "id": "vrender-component-label-0" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 20, + "textType": "text", + "data": { + "category": "B", + "series": "S1", + "value": 20, + "__VCHART_DEFAULT_DATA_INDEX": 1, + "__VCHART_DEFAULT_DATA_KEY": "B_S1", + "__VCHART_STACK_END": 20, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "B" + }, + "id": "vrender-component-label-1" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 30, + "textType": "text", + "data": { + "category": "C", + "series": "S1", + "value": 30, + "__VCHART_DEFAULT_DATA_INDEX": 2, + "__VCHART_DEFAULT_DATA_KEY": "C_S1", + "__VCHART_STACK_END": 30, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "C" + }, + "id": "vrender-component-label-2" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 15, + "textType": "text", + "data": { + "category": "D", + "series": "S1", + "value": 15, + "__VCHART_DEFAULT_DATA_INDEX": 3, + "__VCHART_DEFAULT_DATA_KEY": "D_S1", + "__VCHART_STACK_END": 15, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "D" + }, + "id": "vrender-component-label-3" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 25, + "textType": "text", + "data": { + "category": "E", + "series": "S1", + "value": 25, + "__VCHART_DEFAULT_DATA_INDEX": 4, + "__VCHART_DEFAULT_DATA_KEY": "E_S1", + "__VCHART_STACK_END": 25, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "E" + }, + "id": "vrender-component-label-4" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 15, + "textType": "text", + "data": { + "category": "A", + "series": "S2", + "value": 15, + "__VCHART_DEFAULT_DATA_INDEX": 5, + "__VCHART_DEFAULT_DATA_KEY": "A_S2", + "__VCHART_STACK_END": 25, + "__VCHART_STACK_START": 10, + "__VCHART_STACK_KEY": "A" + }, + "id": "vrender-component-label-5" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 25, + "textType": "text", + "data": { + "category": "B", + "series": "S2", + "value": 25, + "__VCHART_DEFAULT_DATA_INDEX": 6, + "__VCHART_DEFAULT_DATA_KEY": "B_S2", + "__VCHART_STACK_END": 45, + "__VCHART_STACK_START": 20, + "__VCHART_STACK_KEY": "B" + }, + "id": "vrender-component-label-6" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 35, + "textType": "text", + "data": { + "category": "C", + "series": "S2", + "value": 35, + "__VCHART_DEFAULT_DATA_INDEX": 7, + "__VCHART_DEFAULT_DATA_KEY": "C_S2", + "__VCHART_STACK_END": 65, + "__VCHART_STACK_START": 30, + "__VCHART_STACK_KEY": "C" + }, + "id": "vrender-component-label-7" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 20, + "textType": "text", + "data": { + "category": "D", + "series": "S2", + "value": 20, + "__VCHART_DEFAULT_DATA_INDEX": 8, + "__VCHART_DEFAULT_DATA_KEY": "D_S2", + "__VCHART_STACK_END": 35, + "__VCHART_STACK_START": 15, + "__VCHART_STACK_KEY": "D" + }, + "id": "vrender-component-label-8" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 22, + "textType": "text", + "data": { + "category": "E", + "series": "S2", + "value": 22, + "__VCHART_DEFAULT_DATA_INDEX": 9, + "__VCHART_DEFAULT_DATA_KEY": "E_S2", + "__VCHART_STACK_END": 47, + "__VCHART_STACK_START": 25, + "__VCHART_STACK_KEY": "E" + }, + "id": "vrender-component-label-9" + } + ] + } + ], + "pickable": false, + "size": { + "width": 233, + "height": 135 + } + }, + "_uid": 1339, + "type": "group", + "name": "data-label", + "children": [ + { + "attribute": { + "data": [ + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 10, + "textType": "text", + "data": { + "category": "A", + "series": "S1", + "value": 10, + "__VCHART_DEFAULT_DATA_INDEX": 0, + "__VCHART_DEFAULT_DATA_KEY": "A_S1", + "__VCHART_STACK_END": 10, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "A" + }, + "id": "vrender-component-label-0" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 20, + "textType": "text", + "data": { + "category": "B", + "series": "S1", + "value": 20, + "__VCHART_DEFAULT_DATA_INDEX": 1, + "__VCHART_DEFAULT_DATA_KEY": "B_S1", + "__VCHART_STACK_END": 20, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "B" + }, + "id": "vrender-component-label-1" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 30, + "textType": "text", + "data": { + "category": "C", + "series": "S1", + "value": 30, + "__VCHART_DEFAULT_DATA_INDEX": 2, + "__VCHART_DEFAULT_DATA_KEY": "C_S1", + "__VCHART_STACK_END": 30, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "C" + }, + "id": "vrender-component-label-2" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 15, + "textType": "text", + "data": { + "category": "D", + "series": "S1", + "value": 15, + "__VCHART_DEFAULT_DATA_INDEX": 3, + "__VCHART_DEFAULT_DATA_KEY": "D_S1", + "__VCHART_STACK_END": 15, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "D" + }, + "id": "vrender-component-label-3" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 25, + "textType": "text", + "data": { + "category": "E", + "series": "S1", + "value": 25, + "__VCHART_DEFAULT_DATA_INDEX": 4, + "__VCHART_DEFAULT_DATA_KEY": "E_S1", + "__VCHART_STACK_END": 25, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "E" + }, + "id": "vrender-component-label-4" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 15, + "textType": "text", + "data": { + "category": "A", + "series": "S2", + "value": 15, + "__VCHART_DEFAULT_DATA_INDEX": 5, + "__VCHART_DEFAULT_DATA_KEY": "A_S2", + "__VCHART_STACK_END": 25, + "__VCHART_STACK_START": 10, + "__VCHART_STACK_KEY": "A" + }, + "id": "vrender-component-label-5" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 25, + "textType": "text", + "data": { + "category": "B", + "series": "S2", + "value": 25, + "__VCHART_DEFAULT_DATA_INDEX": 6, + "__VCHART_DEFAULT_DATA_KEY": "B_S2", + "__VCHART_STACK_END": 45, + "__VCHART_STACK_START": 20, + "__VCHART_STACK_KEY": "B" + }, + "id": "vrender-component-label-6" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 35, + "textType": "text", + "data": { + "category": "C", + "series": "S2", + "value": 35, + "__VCHART_DEFAULT_DATA_INDEX": 7, + "__VCHART_DEFAULT_DATA_KEY": "C_S2", + "__VCHART_STACK_END": 65, + "__VCHART_STACK_START": 30, + "__VCHART_STACK_KEY": "C" + }, + "id": "vrender-component-label-7" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 20, + "textType": "text", + "data": { + "category": "D", + "series": "S2", + "value": 20, + "__VCHART_DEFAULT_DATA_INDEX": 8, + "__VCHART_DEFAULT_DATA_KEY": "D_S2", + "__VCHART_STACK_END": 35, + "__VCHART_STACK_START": 15, + "__VCHART_STACK_KEY": "D" + }, + "id": "vrender-component-label-8" + }, + { + "visible": true, + "x": 0, + "y": 0, + "angle": 0, + "textAlign": "center", + "lineWidth": 2, + "textConfig": [], + "fontSize": 11, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "stroke": "#ffffff", + "fill": "#fff", + "text": 22, + "textType": "text", + "data": { + "category": "E", + "series": "S2", + "value": 22, + "__VCHART_DEFAULT_DATA_INDEX": 9, + "__VCHART_DEFAULT_DATA_KEY": "E_S2", + "__VCHART_STACK_END": 47, + "__VCHART_STACK_START": 25, + "__VCHART_STACK_KEY": "E" + }, + "id": "vrender-component-label-9" + } + ], + "textStyle": { + "fontSize": 11, + "textAlign": "center", + "textBaseline": "middle", + "boundsPadding": [-2, -1, -2, -1], + "fill": "#fff", + "pickable": false, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "lineWidth": 2, + "stroke": "#ffffff" + }, + "offset": 5, + "pickable": false, + "smartInvert": true, + "baseMarkGroupName": "bar_140", + "overlap": { + "avoidMarks": [], + "strategy": [ + { + "type": "position" + } + ], + "size": { + "width": 233, + "height": 135 + } + }, + "visible": true, + "animation": true, + "animationUpdate": true, + "animationEnter": true, + "animationExit": true, + "hover": false, + "select": false, + "centerOffset": 0, + "type": "rect" + }, + "_uid": 1340, + "type": "group", + "name": "label", + "children": [ + { + "attribute": { + "fontSize": 11, + "fill": "#ffffff", + "fontFamily": "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol", + "textAlign": "center", + "textBaseline": "middle", + "boundsPadding": [-2, -1, -2, -1], + "pickable": false, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "lineWidth": 2, + "stroke": "#1664FF", + "visible": true, + "x": 31.772727272727256, + "y": 126.5625, + "angle": 0, + "textConfig": [], + "text": 10, + "textType": "text", + "data": { + "category": "A", + "series": "S1", + "value": 10, + "__VCHART_DEFAULT_DATA_INDEX": 0, + "__VCHART_DEFAULT_DATA_KEY": "A_S1", + "__VCHART_STACK_END": 10, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "A" + }, + "id": "vrender-component-label-0", + "opacity": 1, + "strokeOpacity": 1 + }, + "_uid": 1341, + "type": "text", + "children": [] + }, + { + "attribute": { + "fontSize": 11, + "fill": "#ffffff", + "fontFamily": "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol", + "textAlign": "center", + "textBaseline": "middle", + "boundsPadding": [-2, -1, -2, -1], + "pickable": false, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "lineWidth": 2, + "stroke": "#1664FF", + "visible": true, + "x": 74.13636363636363, + "y": 118.125, + "angle": 0, + "textConfig": [], + "text": 20, + "textType": "text", + "data": { + "category": "B", + "series": "S1", + "value": 20, + "__VCHART_DEFAULT_DATA_INDEX": 1, + "__VCHART_DEFAULT_DATA_KEY": "B_S1", + "__VCHART_STACK_END": 20, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "B" + }, + "id": "vrender-component-label-1", + "opacity": 1, + "strokeOpacity": 1 + }, + "_uid": 1342, + "type": "text", + "children": [] + }, + { + "attribute": { + "fontSize": 11, + "fill": "#ffffff", + "fontFamily": "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol", + "textAlign": "center", + "textBaseline": "middle", + "boundsPadding": [-2, -1, -2, -1], + "pickable": false, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "lineWidth": 2, + "stroke": "#1664FF", + "visible": true, + "x": 116.5, + "y": 109.6875, + "angle": 0, + "textConfig": [], + "text": 30, + "textType": "text", + "data": { + "category": "C", + "series": "S1", + "value": 30, + "__VCHART_DEFAULT_DATA_INDEX": 2, + "__VCHART_DEFAULT_DATA_KEY": "C_S1", + "__VCHART_STACK_END": 30, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "C" + }, + "id": "vrender-component-label-2", + "opacity": 1, + "strokeOpacity": 1 + }, + "_uid": 1343, + "type": "text", + "children": [] + }, + { + "attribute": { + "fontSize": 11, + "fill": "#ffffff", + "fontFamily": "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol", + "textAlign": "center", + "textBaseline": "middle", + "boundsPadding": [-2, -1, -2, -1], + "pickable": false, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "lineWidth": 2, + "stroke": "#1664FF", + "visible": true, + "x": 158.86363636363635, + "y": 122.34375, + "angle": 0, + "textConfig": [], + "text": 15, + "textType": "text", + "data": { + "category": "D", + "series": "S1", + "value": 15, + "__VCHART_DEFAULT_DATA_INDEX": 3, + "__VCHART_DEFAULT_DATA_KEY": "D_S1", + "__VCHART_STACK_END": 15, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "D" + }, + "id": "vrender-component-label-3", + "opacity": 1, + "strokeOpacity": 1 + }, + "_uid": 1344, + "type": "text", + "children": [] + }, + { + "attribute": { + "fontSize": 11, + "fill": "#ffffff", + "fontFamily": "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol", + "textAlign": "center", + "textBaseline": "middle", + "boundsPadding": [-2, -1, -2, -1], + "pickable": false, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "lineWidth": 2, + "stroke": "#1664FF", + "visible": true, + "x": 201.22727272727272, + "y": 113.90625, + "angle": 0, + "textConfig": [], + "text": 25, + "textType": "text", + "data": { + "category": "E", + "series": "S1", + "value": 25, + "__VCHART_DEFAULT_DATA_INDEX": 4, + "__VCHART_DEFAULT_DATA_KEY": "E_S1", + "__VCHART_STACK_END": 25, + "__VCHART_STACK_START": 0, + "__VCHART_STACK_KEY": "E" + }, + "id": "vrender-component-label-4", + "opacity": 1, + "strokeOpacity": 1 + }, + "_uid": 1345, + "type": "text", + "children": [] + }, + { + "attribute": { + "fontSize": 11, + "fill": "#000000", + "fontFamily": "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol", + "textAlign": "center", + "textBaseline": "middle", + "boundsPadding": [-2, -1, -2, -1], + "pickable": false, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "lineWidth": 2, + "stroke": "#1AC6FF", + "visible": true, + "x": 31.772727272727256, + "y": 105.46875, + "angle": 0, + "textConfig": [], + "text": 15, + "textType": "text", + "data": { + "category": "A", + "series": "S2", + "value": 15, + "__VCHART_DEFAULT_DATA_INDEX": 5, + "__VCHART_DEFAULT_DATA_KEY": "A_S2", + "__VCHART_STACK_END": 25, + "__VCHART_STACK_START": 10, + "__VCHART_STACK_KEY": "A" + }, + "id": "vrender-component-label-5", + "opacity": 1, + "strokeOpacity": 1 + }, + "_uid": 1346, + "type": "text", + "children": [] + }, + { + "attribute": { + "fontSize": 11, + "fill": "#000000", + "fontFamily": "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol", + "textAlign": "center", + "textBaseline": "middle", + "boundsPadding": [-2, -1, -2, -1], + "pickable": false, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "lineWidth": 2, + "stroke": "#1AC6FF", + "visible": true, + "x": 74.13636363636363, + "y": 80.15625, + "angle": 0, + "textConfig": [], + "text": 25, + "textType": "text", + "data": { + "category": "B", + "series": "S2", + "value": 25, + "__VCHART_DEFAULT_DATA_INDEX": 6, + "__VCHART_DEFAULT_DATA_KEY": "B_S2", + "__VCHART_STACK_END": 45, + "__VCHART_STACK_START": 20, + "__VCHART_STACK_KEY": "B" + }, + "id": "vrender-component-label-6", + "opacity": 1, + "strokeOpacity": 1 + }, + "_uid": 1347, + "type": "text", + "children": [] + }, + { + "attribute": { + "fontSize": 11, + "fill": "#000000", + "fontFamily": "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol", + "textAlign": "center", + "textBaseline": "middle", + "boundsPadding": [-2, -1, -2, -1], + "pickable": false, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "lineWidth": 2, + "stroke": "#1AC6FF", + "visible": true, + "x": 116.5, + "y": 54.84375, + "angle": 0, + "textConfig": [], + "text": 35, + "textType": "text", + "data": { + "category": "C", + "series": "S2", + "value": 35, + "__VCHART_DEFAULT_DATA_INDEX": 7, + "__VCHART_DEFAULT_DATA_KEY": "C_S2", + "__VCHART_STACK_END": 65, + "__VCHART_STACK_START": 30, + "__VCHART_STACK_KEY": "C" + }, + "id": "vrender-component-label-7", + "opacity": 1, + "strokeOpacity": 1 + }, + "_uid": 1348, + "type": "text", + "children": [] + }, + { + "attribute": { + "fontSize": 11, + "fill": "#000000", + "fontFamily": "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol", + "textAlign": "center", + "textBaseline": "middle", + "boundsPadding": [-2, -1, -2, -1], + "pickable": false, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "lineWidth": 2, + "stroke": "#1AC6FF", + "visible": true, + "x": 158.86363636363635, + "y": 92.8125, + "angle": 0, + "textConfig": [], + "text": 20, + "textType": "text", + "data": { + "category": "D", + "series": "S2", + "value": 20, + "__VCHART_DEFAULT_DATA_INDEX": 8, + "__VCHART_DEFAULT_DATA_KEY": "D_S2", + "__VCHART_STACK_END": 35, + "__VCHART_STACK_START": 15, + "__VCHART_STACK_KEY": "D" + }, + "id": "vrender-component-label-8", + "opacity": 1, + "strokeOpacity": 1 + }, + "_uid": 1349, + "type": "text", + "children": [] + }, + { + "attribute": { + "fontSize": 11, + "fill": "#000000", + "fontFamily": "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol", + "textAlign": "center", + "textBaseline": "middle", + "boundsPadding": [-2, -1, -2, -1], + "pickable": false, + "fontWeight": "normal", + "fillOpacity": 1, + "lineJoin": "bevel", + "lineWidth": 2, + "stroke": "#1AC6FF", + "visible": true, + "x": 201.22727272727272, + "y": 74.25, + "angle": 0, + "textConfig": [], + "text": 22, + "textType": "text", + "data": { + "category": "E", + "series": "S2", + "value": 22, + "__VCHART_DEFAULT_DATA_INDEX": 9, + "__VCHART_DEFAULT_DATA_KEY": "E_S2", + "__VCHART_STACK_END": 47, + "__VCHART_STACK_START": 25, + "__VCHART_STACK_KEY": "E" + }, + "id": "vrender-component-label-9", + "opacity": 1, + "strokeOpacity": 1 + }, + "_uid": 1350, + "type": "text", + "children": [] + } + ] + } + ] + } + ] + } + ] + }, + { + "attribute": { + "visible": true, + "x": 47, + "y": 121, + "width": 233, + "height": 135, + "clip": false, + "zIndex": 700, + "pickable": false + }, + "_uid": 1221, + "type": "group", + "name": "region_interaction", + "children": [] + }, + { + "attribute": { + "pickable": false, + "zIndex": 100 + }, + "_uid": 1222, + "type": "group", + "name": "axis-bottom_144", + "children": [ + { + "attribute": { + "zIndex": 100, + "pickable": true, + "scale": { + "_rangeFactorStart": null, + "_rangeFactorEnd": null, + "type": "band", + "_index": {}, + "_domain": ["A", "B", "C", "D", "E"], + "_ordinalRange": [], + "_range": [0, 233], + "_step": 42.36363636363637, + "_bandwidth": 38.12727272727273, + "_isFixed": false, + "_round": false, + "_paddingInner": 0.1, + "_paddingOuter": 0.3, + "_align": 0.5, + "_userBandwidth": "auto", + "_wholeRange": null, + "_bandRangeState": { + "reverse": false, + "start": 12.70909090909089, + "min": 0, + "max": 233, + "count": 5 + }, + "_fishEyeTransform": null + }, + "x": 47, + "y": 256, + "orient": "bottom", + "line": { + "visible": true, + "style": { + "lineWidth": 1, + "stroke": "#d9dde4", + "strokeOpacity": 1 + }, + "startSymbol": {}, + "endSymbol": {} + }, + "label": { + "visible": true, + "inside": false, + "space": 8, + "style": { + "fontSize": 12, + "fill": "#89909d", + "fontWeight": "normal", + "fillOpacity": 1 + }, + "formatMethod": null + }, + "tick": { + "visible": true, + "length": 4, + "inside": false, + "alignWithLabel": true, + "style": { + "lineWidth": 1, + "stroke": "#d9dde4", + "strokeOpacity": 1 + } + }, + "subTick": { + "visible": false + }, + "title": { + "visible": false, + "text": "category", + "maxWidth": null + }, + "panel": { + "visible": false + }, + "verticalFactor": 1, + "start": { + "x": 0, + "y": 0 + }, + "end": { + "x": 233, + "y": 0 + }, + "items": [ + [ + { + "id": "A", + "label": "A", + "value": 0.1363636363636363, + "rawValue": "A" + }, + { + "id": "B", + "label": "B", + "value": 0.3181818181818181, + "rawValue": "B" + }, + { + "id": "C", + "label": "C", + "value": 0.49999999999999994, + "rawValue": "C" + }, + { + "id": "D", + "label": "D", + "value": 0.6818181818181818, + "rawValue": "D" + }, + { + "id": "E", + "label": "E", + "value": 0.8636363636363636, + "rawValue": "E" + } + ] + ], + "verticalLimitSize": 90, + "verticalMinSize": null + }, + "_uid": 1226, + "type": "group", + "name": "axis", + "children": [ + { + "attribute": { + "x": 0, + "y": 0, + "pickable": false + }, + "_uid": 1307, + "type": "group", + "children": [ + { + "attribute": { + "x": 0, + "y": 0, + "zIndex": 1, + "pickable": false + }, + "_uid": 1308, + "type": "group", + "name": "axis-container", + "children": [ + { + "attribute": { + "visible": true, + "lineStyle": { + "lineWidth": 1, + "stroke": "#d9dde4", + "strokeOpacity": 1 + }, + "startSymbol": { + "visible": false, + "autoRotate": true, + "symbolType": "triangle", + "size": 12, + "refX": 0, + "refY": 0, + "refAngle": 0, + "style": { + "fill": "#000", + "zIndex": 1 + } + }, + "endSymbol": { + "visible": false, + "autoRotate": true, + "symbolType": "triangle", + "size": 12, + "refX": 0, + "refY": 0, + "refAngle": 0, + "style": { + "fill": "#000", + "zIndex": 1 + } + }, + "points": [ + { + "x": 0, + "y": 0 + }, + { + "x": 233, + "y": 0 + } + ] + }, + "_uid": 1309, + "type": "group", + "name": "axis-line", + "children": [ + { + "attribute": { + "points": [ + { + "x": 0, + "y": 0 + }, + { + "x": 233, + "y": 0 + } + ], + "lineWidth": 1, + "stroke": "#d9dde4", + "strokeOpacity": 1, + "fill": false, + "closePath": false + }, + "_uid": 1310, + "type": "line", + "name": "axis-line-line", + "children": [] + } + ] + }, + { + "attribute": { + "x": 0, + "y": 0, + "pickable": false + }, + "_uid": 1311, + "type": "group", + "name": "axis-tick-container", + "children": [ + { + "attribute": { + "points": [ + { + "x": 31.77272727272726, + "y": 0 + }, + { + "x": 31.77272727272726, + "y": 4 + } + ], + "lineWidth": 1, + "stroke": "#d9dde4", + "strokeOpacity": 1 + }, + "_uid": 1312, + "type": "line", + "name": "axis-tick", + "children": [] + }, + { + "attribute": { + "points": [ + { + "x": 74.13636363636363, + "y": 0 + }, + { + "x": 74.13636363636363, + "y": 4 + } + ], + "lineWidth": 1, + "stroke": "#d9dde4", + "strokeOpacity": 1 + }, + "_uid": 1313, + "type": "line", + "name": "axis-tick", + "children": [] + }, + { + "attribute": { + "points": [ + { + "x": 116.49999999999999, + "y": 0 + }, + { + "x": 116.49999999999999, + "y": 4 + } + ], + "lineWidth": 1, + "stroke": "#d9dde4", + "strokeOpacity": 1 + }, + "_uid": 1314, + "type": "line", + "name": "axis-tick", + "children": [] + }, + { + "attribute": { + "points": [ + { + "x": 158.86363636363635, + "y": 0 + }, + { + "x": 158.86363636363635, + "y": 4 + } + ], + "lineWidth": 1, + "stroke": "#d9dde4", + "strokeOpacity": 1 + }, + "_uid": 1315, + "type": "line", + "name": "axis-tick", + "children": [] + }, + { + "attribute": { + "points": [ + { + "x": 201.22727272727272, + "y": 0 + }, + { + "x": 201.22727272727272, + "y": 4 + } + ], + "lineWidth": 1, + "stroke": "#d9dde4", + "strokeOpacity": 1 + }, + "_uid": 1316, + "type": "line", + "name": "axis-tick", + "children": [] + } + ] + }, + { + "attribute": { + "x": 0, + "y": 0, + "pickable": false + }, + "_uid": 1317, + "type": "group", + "name": "axis-label-container", + "children": [ + { + "attribute": { + "x": 0, + "y": 0, + "pickable": false + }, + "_uid": 1318, + "type": "group", + "name": "axis-label-container-layer-0", + "children": [ + { + "attribute": { + "x": 31.77272727272726, + "y": 12, + "text": "A", + "_originText": "A", + "lineHeight": 12, + "type": "text", + "textAlign": "center", + "textBaseline": "top", + "fontSize": 12, + "fill": "#89909d", + "fontWeight": "normal", + "fillOpacity": 1 + }, + "_uid": 1319, + "type": "text", + "name": "axis-label", + "children": [] + }, + { + "attribute": { + "x": 74.13636363636363, + "y": 12, + "text": "B", + "_originText": "B", + "lineHeight": 12, + "type": "text", + "textAlign": "center", + "textBaseline": "top", + "fontSize": 12, + "fill": "#89909d", + "fontWeight": "normal", + "fillOpacity": 1 + }, + "_uid": 1320, + "type": "text", + "name": "axis-label", + "children": [] + }, + { + "attribute": { + "x": 116.49999999999999, + "y": 12, + "text": "C", + "_originText": "C", + "lineHeight": 12, + "type": "text", + "textAlign": "center", + "textBaseline": "top", + "fontSize": 12, + "fill": "#89909d", + "fontWeight": "normal", + "fillOpacity": 1 + }, + "_uid": 1321, + "type": "text", + "name": "axis-label", + "children": [] + }, + { + "attribute": { + "x": 158.86363636363635, + "y": 12, + "text": "D", + "_originText": "D", + "lineHeight": 12, + "type": "text", + "textAlign": "center", + "textBaseline": "top", + "fontSize": 12, + "fill": "#89909d", + "fontWeight": "normal", + "fillOpacity": 1 + }, + "_uid": 1322, + "type": "text", + "name": "axis-label", + "children": [] + }, + { + "attribute": { + "x": 201.22727272727272, + "y": 12, + "text": "E", + "_originText": "E", + "lineHeight": 12, + "type": "text", + "textAlign": "center", + "textBaseline": "top", + "fontSize": 12, + "fill": "#89909d", + "fontWeight": "normal", + "fillOpacity": 1 + }, + "_uid": 1323, + "type": "text", + "name": "axis-label", + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "attribute": { + "pickable": false, + "zIndex": 100 + }, + "_uid": 1223, + "type": "group", + "name": "axis-left_148", + "children": [ + { + "attribute": { + "zIndex": 100, + "pickable": true, + "scale": { + "_rangeFactorStart": null, + "_rangeFactorEnd": null, + "_forceAlign": true, + "_domain": [0, 65], + "_range": [135, 0], + "type": "linear", + "_domainValidator": null, + "_niceType": "all", + "_niceDomain": [0, 80], + "_autoClamp": false, + "_input": null, + "_output": null, + "_wholeRange": null, + "_fishEyeTransform": null + }, + "x": 47, + "y": 121, + "orient": "left", + "line": { + "visible": false + }, + "label": { + "visible": true, + "inside": false, + "space": 12, + "autoLimit": true, + "style": { + "fontSize": 12, + "fill": "#89909d", + "fontWeight": "normal", + "fillOpacity": 1 + }, + "formatMethod": null + }, + "tick": { + "visible": false + }, + "subTick": { + "visible": false + }, + "title": { + "visible": false, + "text": "value", + "maxWidth": null + }, + "panel": { + "visible": false + }, + "verticalFactor": 1, + "start": { + "x": 0, + "y": 0 + }, + "end": { + "x": 0, + "y": 135 + }, + "items": [ + [ + { + "id": 0, + "label": 0, + "value": 1, + "rawValue": 0 + }, + { + "id": 20, + "label": 20, + "value": 0.75, + "rawValue": 20 + }, + { + "id": 40, + "label": 40, + "value": 0.5, + "rawValue": 40 + }, + { + "id": 60, + "label": 60, + "value": 0.25, + "rawValue": 60 + }, + { + "id": 80, + "label": 80, + "value": 0, + "rawValue": 80 + } + ] + ], + "verticalLimitSize": 90, + "verticalMinSize": null + }, + "_uid": 1229, + "type": "group", + "name": "axis", + "children": [ + { + "attribute": { + "x": 0, + "y": 0, + "pickable": false + }, + "_uid": 1324, + "type": "group", + "children": [ + { + "attribute": { + "x": 0, + "y": 0, + "zIndex": 1, + "pickable": false + }, + "_uid": 1325, + "type": "group", + "name": "axis-container", + "children": [ + { + "attribute": { + "x": 0, + "y": 0, + "pickable": false + }, + "_uid": 1326, + "type": "group", + "name": "axis-label-container", + "children": [ + { + "attribute": { + "x": 0, + "y": 0, + "pickable": false + }, + "_uid": 1327, + "type": "group", + "name": "axis-label-container-layer-0", + "children": [ + { + "attribute": { + "x": -12, + "y": 135, + "text": 0, + "_originText": 0, + "lineHeight": 12, + "type": "text", + "textAlign": "right", + "textBaseline": "middle", + "fontSize": 12, + "fill": "#89909d", + "fontWeight": "normal", + "fillOpacity": 1 + }, + "_uid": 1328, + "type": "text", + "name": "axis-label", + "children": [] + }, + { + "attribute": { + "x": -12, + "y": 101.25, + "text": 20, + "_originText": 20, + "lineHeight": 12, + "type": "text", + "textAlign": "right", + "textBaseline": "middle", + "fontSize": 12, + "fill": "#89909d", + "fontWeight": "normal", + "fillOpacity": 1 + }, + "_uid": 1329, + "type": "text", + "name": "axis-label", + "children": [] + }, + { + "attribute": { + "x": -12, + "y": 67.5, + "text": 40, + "_originText": 40, + "lineHeight": 12, + "type": "text", + "textAlign": "right", + "textBaseline": "middle", + "fontSize": 12, + "fill": "#89909d", + "fontWeight": "normal", + "fillOpacity": 1 + }, + "_uid": 1330, + "type": "text", + "name": "axis-label", + "children": [] + }, + { + "attribute": { + "x": -12, + "y": 33.75, + "text": 60, + "_originText": 60, + "lineHeight": 12, + "type": "text", + "textAlign": "right", + "textBaseline": "middle", + "fontSize": 12, + "fill": "#89909d", + "fontWeight": "normal", + "fillOpacity": 1 + }, + "_uid": 1331, + "type": "text", + "name": "axis-label", + "children": [] + }, + { + "attribute": { + "x": -12, + "y": 0, + "text": 80, + "_originText": 80, + "lineHeight": 12, + "type": "text", + "textAlign": "right", + "textBaseline": "middle", + "fontSize": 12, + "fill": "#89909d", + "fontWeight": "normal", + "fillOpacity": 1 + }, + "_uid": 1332, + "type": "text", + "name": "axis-label", + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + }, + { + "attribute": { + "pickable": false, + "zIndex": 50 + }, + "_uid": 1224, + "type": "group", + "name": "axis-left-grid_149", + "children": [ + { + "attribute": { + "zIndex": 50, + "pickable": false, + "x": 47, + "y": 121, + "style": { + "lineWidth": 1, + "stroke": "#f1f2f5", + "strokeOpacity": 1, + "lineDash": [] + }, + "subGrid": { + "visible": false + }, + "type": "line", + "start": { + "x": 0, + "y": 0 + }, + "end": { + "x": 0, + "y": 135 + }, + "items": [ + { + "id": 0, + "label": 0, + "value": 1, + "rawValue": 0 + }, + { + "id": 20, + "label": 20, + "value": 0.75, + "rawValue": 20 + }, + { + "id": 40, + "label": 40, + "value": 0.5, + "rawValue": 40 + }, + { + "id": 60, + "label": 60, + "value": 0.25, + "rawValue": 60 + }, + { + "id": 80, + "label": 80, + "value": 0, + "rawValue": 80 + } + ], + "verticalFactor": 1, + "length": 233 + }, + "_uid": 1232, + "type": "group", + "name": "axis-grid", + "children": [ + { + "attribute": { + "x": 0, + "y": 0, + "pickable": false + }, + "_uid": 1333, + "type": "group", + "children": [ + { + "attribute": { + "path": "M0,135L233,135", + "z": 0, + "lineWidth": 1, + "stroke": "#f1f2f5", + "strokeOpacity": 1, + "lineDash": [] + }, + "_uid": 1334, + "type": "path", + "name": "axis-grid-line", + "children": [] + }, + { + "attribute": { + "path": "M0,101.25L233,101.25", + "z": 0, + "lineWidth": 1, + "stroke": "#f1f2f5", + "strokeOpacity": 1, + "lineDash": [] + }, + "_uid": 1335, + "type": "path", + "name": "axis-grid-line", + "children": [] + }, + { + "attribute": { + "path": "M0,67.5L233,67.5", + "z": 0, + "lineWidth": 1, + "stroke": "#f1f2f5", + "strokeOpacity": 1, + "lineDash": [] + }, + "_uid": 1336, + "type": "path", + "name": "axis-grid-line", + "children": [] + }, + { + "attribute": { + "path": "M0,33.75L233,33.75", + "z": 0, + "lineWidth": 1, + "stroke": "#f1f2f5", + "strokeOpacity": 1, + "lineDash": [] + }, + "_uid": 1337, + "type": "path", + "name": "axis-grid-line", + "children": [] + }, + { + "attribute": { + "path": "M0,0L233,0", + "z": 0, + "lineWidth": 1, + "stroke": "#f1f2f5", + "strokeOpacity": 1, + "lineDash": [] + }, + "_uid": 1338, + "type": "path", + "name": "axis-grid-line", + "children": [] + } + ] + } + ] + } + ] + }, + { + "attribute": { + "textStyle": { + "ellipsis": "...", + "fill": "#000", + "fontSize": 26, + "fontWeight": "bold", + "textAlign": "left", + "textBaseline": "top", + "width": 260, + "maxLineWidth": 260, + "lineHeight": "150%" + }, + "subtextStyle": { + "ellipsis": "...", + "fill": "#89909d", + "fontSize": 14, + "fontWeight": "normal", + "textAlign": "left", + "textBaseline": "top", + "maxLineWidth": 260, + "lineHeight": "150%" + }, + "visible": true, + "text": "示例图表111333", + "orient": "top", + "align": "center", + "verticalAlign": "top", + "textType": "text", + "subtextType": "text", + "subtext": "", + "x": 20, + "y": 20, + "maxWidth": 260 + }, + "_uid": 1234, + "type": "group", + "name": "title", + "children": [ + { + "attribute": { + "x": 0, + "y": 0, + "zIndex": 1, + "width": 182.77993774414062, + "height": 39, + "boundsPadding": [0, 0, 0, 0] + }, + "_uid": 1235, + "type": "group", + "name": "title-container", + "children": [ + { + "attribute": { + "text": ["示例图表111333"], + "whiteSpace": "normal", + "ellipsis": "...", + "fill": "#000", + "fontSize": 26, + "fontWeight": "bold", + "textAlign": "center", + "textBaseline": "top", + "width": 260, + "maxLineWidth": 260, + "lineHeight": "150%", + "x": 130, + "y": 0 + }, + "_uid": 1236, + "type": "text", + "name": "mainTitle", + "children": [] + }, + { + "attribute": { + "text": [""], + "whiteSpace": "normal", + "ellipsis": "...", + "fill": "#89909d", + "fontSize": 14, + "fontWeight": "normal", + "textAlign": "center", + "textBaseline": "top", + "maxLineWidth": 260, + "lineHeight": "150%", + "heightLimit": null, + "x": 130, + "y": 39 + }, + "_uid": 1237, + "type": "text", + "name": "subTitle", + "children": [] + } + ] + } + ] + }, + { + "attribute": { + "layout": "horizontal", + "title": { + "align": "start", + "space": 12, + "textStyle": { + "fontSize": 12, + "fontWeight": "bold", + "fill": "#2C3542" + }, + "visible": false + }, + "item": { + "spaceCol": 10, + "spaceRow": 6, + "shape": { + "space": 6, + "style": { + "size": 10, + "cursor": "pointer", + "lineWidth": 0, + "fillOpacity": 1, + "opacity": 1 + }, + "state": { + "selectedHover": { + "opacity": 0.85 + }, + "unSelected": { + "opacity": 1, + "fillOpacity": 0.2 + } + } + }, + "label": { + "space": 6, + "style": { + "fontSize": 12, + "fill": "#606773", + "cursor": "pointer", + "lineHeight": "130%", + "opacity": 1 + }, + "state": { + "selectedHover": { + "opacity": 0.85 + }, + "unSelected": { + "fill": "#bcc1cb", + "opacity": 1 + } + } + }, + "value": { + "alignRight": false, + "style": { + "fontSize": 12, + "fill": "#ccc", + "cursor": "pointer" + }, + "state": { + "selectedHover": { + "opacity": 0.85 + }, + "unSelected": { + "fill": "#D8D8D8" + } + } + }, + "background": { + "style": { + "cursor": "pointer" + }, + "state": { + "selectedHover": { + "fill": "#f1f2f5" + }, + "unSelectedHover": { + "fill": "#f1f2f5" + } + } + }, + "focus": false, + "focusIconStyle": { + "size": 10, + "symbolType": "M8 1C11.866 1 15 4.13401 15 8C15 11.866 11.866 15 8 15C4.13401 15 1 11.866 1 8C1 4.13401 4.13401 1 8 1ZM8.75044 2.55077L8.75 3.75H7.25L7.25006 2.5507C4.81247 2.88304 2.88304 4.81247 2.5507 7.25006L3.75 7.25V8.75L2.55077 8.75044C2.8833 11.1878 4.81264 13.117 7.25006 13.4493L7.25 12.25H8.75L8.75044 13.4492C11.1876 13.1167 13.1167 11.1876 13.4492 8.75044L12.25 8.75V7.25L13.4493 7.25006C13.117 4.81264 11.1878 2.8833 8.75044 2.55077ZM8 5.5C9.38071 5.5 10.5 6.61929 10.5 8C10.5 9.38071 9.38071 10.5 8 10.5C6.61929 10.5 5.5 9.38071 5.5 8C5.5 6.61929 6.61929 5.5 8 5.5ZM8 7C7.44772 7 7 7.44772 7 8C7 8.55228 7.44772 9 8 9C8.55228 9 9 8.55228 9 8C9 7.44772 8.55228 7 8 7Z", + "fill": "#333", + "cursor": "pointer" + }, + "visible": true, + "padding": 2 + }, + "autoPage": true, + "pager": { + "space": 12, + "handler": { + "style": { + "size": 10, + "fill": "rgb(47, 69, 84)" + }, + "space": 4, + "state": { + "disable": { + "fill": "rgb(170, 170, 170)" + } + } + }, + "textStyle": { + "fill": "rgb(51, 51, 51)" + } + }, + "hover": true, + "select": true, + "selectMode": "multiple", + "allowAllCanceled": false, + "items": [ + { + "label": "S1", + "shape": { + "symbolType": "square", + "fillOpacity": 1, + "strokeOpacity": 1, + "opacity": 1, + "texturePadding": null, + "textureSize": null, + "fill": "#1664FF", + "stroke": "#1664FF", + "lineWidth": 0 + }, + "id": "S1", + "index": 0 + }, + { + "label": "S2", + "shape": { + "symbolType": "square", + "fillOpacity": 1, + "strokeOpacity": 1, + "opacity": 1, + "texturePadding": null, + "textureSize": null, + "fill": "#1AC6FF", + "stroke": "#1AC6FF", + "lineWidth": 0 + }, + "id": "S2", + "index": 1 + } + ], + "zIndex": 500, + "maxWidth": 212, + "maxHeight": 185, + "disableTriggerEvent": false, + "defaultSelected": ["S1", "S2"], + "width": 77.17999267578125, + "height": 19.6, + "dx": 67.41000366210938, + "dy": 0, + "x": 44, + "y": 79 + }, + "_uid": 1238, + "type": "group", + "name": "legend", + "children": [ + { + "attribute": { + "x": 0, + "y": 0, + "pickable": true, + "childrenPickable": true + }, + "_uid": 1239, + "type": "group", + "name": "innerView", + "children": [ + { + "attribute": { + "x": 0, + "y": 0 + }, + "_uid": 1240, + "type": "group", + "children": [ + { + "attribute": { + "x": 0, + "y": 0, + "cursor": "pointer", + "width": 32.39599609375, + "height": 19.6 + }, + "_uid": 1241, + "type": "group", + "name": "legendItem", + "children": [ + { + "attribute": { + "x": 7, + "y": 9.8, + "pickable": false + }, + "_uid": 1242, + "type": "group", + "children": [ + { + "attribute": { + "x": 0, + "y": 0, + "symbolType": "square", + "strokeBoundsBuffer": 0, + "fillOpacity": 1, + "strokeOpacity": 1, + "opacity": 1, + "texturePadding": null, + "textureSize": null, + "fill": "#1664FF", + "stroke": "#1664FF", + "lineWidth": 0, + "size": 10, + "cursor": "pointer" + }, + "_uid": 1243, + "type": "symbol", + "name": "legendItemShape", + "children": [] + }, + { + "attribute": { + "x": 11, + "y": 0, + "textAlign": "start", + "textBaseline": "middle", + "lineHeight": "130%", + "fontSize": 12, + "fill": "#606773", + "cursor": "pointer", + "opacity": 1, + "text": "S1" + }, + "_uid": 1244, + "type": "text", + "name": "legendItemLabel", + "children": [] + } + ] + } + ] + }, + { + "attribute": { + "x": 42.39599609375, + "y": 0, + "cursor": "pointer", + "width": 34.78399658203125, + "height": 19.6 + }, + "_uid": 1245, + "type": "group", + "name": "legendItem", + "children": [ + { + "attribute": { + "x": 7, + "y": 9.8, + "pickable": false + }, + "_uid": 1246, + "type": "group", + "children": [ + { + "attribute": { + "x": 0, + "y": 0, + "symbolType": "square", + "strokeBoundsBuffer": 0, + "fillOpacity": 1, + "strokeOpacity": 1, + "opacity": 1, + "texturePadding": null, + "textureSize": null, + "fill": "#1AC6FF", + "stroke": "#1AC6FF", + "lineWidth": 0, + "size": 10, + "cursor": "pointer" + }, + "_uid": 1247, + "type": "symbol", + "name": "legendItemShape", + "children": [] + }, + { + "attribute": { + "x": 11, + "y": 0, + "textAlign": "start", + "textBaseline": "middle", + "lineHeight": "130%", + "fontSize": 12, + "fill": "#606773", + "cursor": "pointer", + "opacity": 1, + "text": "S2" + }, + "_uid": 1248, + "type": "text", + "name": "legendItemLabel", + "children": [] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] + } + ] +} diff --git a/packages/vrender/package.json b/packages/vrender/package.json index 1de55f0fd..989b4dba8 100644 --- a/packages/vrender/package.json +++ b/packages/vrender/package.json @@ -1,6 +1,6 @@ { "name": "@visactor/vrender", - "version": "1.0.27", + "version": "1.0.28", "description": "", "sideEffects": true, "main": "cjs/index.js", @@ -24,10 +24,10 @@ "test-watch": "cross-env DEBUG_MODE=1 jest --watch" }, "dependencies": { - "@visactor/vrender-core": "workspace:1.0.27", - "@visactor/vrender-kits": "workspace:1.0.27", - "@visactor/vrender-animate": "workspace:1.0.27", - "@visactor/vrender-components": "workspace:1.0.27" + "@visactor/vrender-core": "workspace:1.0.28", + "@visactor/vrender-kits": "workspace:1.0.28", + "@visactor/vrender-animate": "workspace:1.0.28", + "@visactor/vrender-components": "workspace:1.0.28" }, "devDependencies": { "@internal/bundler": "workspace:*", diff --git a/tools/bugserver-trigger/package.json b/tools/bugserver-trigger/package.json index b75f06c39..be54bd853 100644 --- a/tools/bugserver-trigger/package.json +++ b/tools/bugserver-trigger/package.json @@ -8,11 +8,11 @@ "ci": "ts-node --transpileOnly --skipProject ./scripts/trigger-test.ts" }, "dependencies": { - "@visactor/vrender": "workspace:1.0.27", - "@visactor/vrender-core": "workspace:1.0.27", - "@visactor/vrender-kits": "workspace:1.0.27", - "@visactor/vrender-components": "workspace:1.0.27", - "@visactor/vrender-animate": "workspace:1.0.27" + "@visactor/vrender": "workspace:1.0.28", + "@visactor/vrender-core": "workspace:1.0.28", + "@visactor/vrender-kits": "workspace:1.0.28", + "@visactor/vrender-components": "workspace:1.0.28", + "@visactor/vrender-animate": "workspace:1.0.28" }, "devDependencies": { "@rushstack/eslint-patch": "~1.1.4",