diff --git a/.gitignore b/.gitignore index 77eeb5c..bc6d16b 100644 --- a/.gitignore +++ b/.gitignore @@ -94,3 +94,5 @@ tsconfig.tsbuildinfo # git-hook common/scripts/pre-commit + +.vite diff --git a/common/config/rush/pnpm-lock.yaml b/common/config/rush/pnpm-lock.yaml index 5643b9f..53fde5f 100644 --- a/common/config/rush/pnpm-lock.yaml +++ b/common/config/rush/pnpm-lock.yaml @@ -33,7 +33,7 @@ importers: '@typescript-eslint/parser': 5.30.0 '@visactor/react-vchart': 1.11.0 '@visactor/vchart': 1.11.0 - '@visactor/vchart-theme-utils': workspace:1.11.0 + '@visactor/vchart-theme-utils': workspace:1.11.1 '@vitejs/plugin-react': ^4.1.1 '@vitejs/plugin-react-swc': ^3.4.1 classnames: ^2.3.1 @@ -83,7 +83,7 @@ importers: '@arco-design/webpack-plugin': 1.7.0 '@arco-plugins/vite-plugin-svgr': 0.7.2_vite@4.5.3 '@arco-themes/react-arco-pro': 0.0.7_pa7uxehr42623f73endqjggywi - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 '@esbuild-plugins/node-globals-polyfill': 0.1.1 '@esbuild-plugins/node-modules-polyfill': 0.1.4 '@internal/bundler': link:../../tools/bundler @@ -166,7 +166,7 @@ importers: '@types/offscreencanvas': 2019.6.4 '@visactor/react-vchart': 1.11.0 '@visactor/vchart': 1.11.0 - '@visactor/vchart-theme-utils': workspace:1.11.0 + '@visactor/vchart-theme-utils': workspace:1.11.1 '@vitejs/plugin-react': ^4.1.1 '@vitejs/plugin-react-swc': ^3.4.1 eslint: ~8.18.0 @@ -189,9 +189,9 @@ importers: dependencies: '@visactor/vchart-theme-utils': link:../vchart-theme-utils devDependencies: - '@babel/runtime': 7.24.5 - '@douyinfe/semi-icons': 2.58.0_react@18.2.0 - '@douyinfe/semi-icons-lab': 2.58.0_biqbaboplfbrettd7655fr4n2y + '@babel/runtime': 7.24.7 + '@douyinfe/semi-icons': 2.60.0_react@18.2.0 + '@douyinfe/semi-icons-lab': 2.60.0_biqbaboplfbrettd7655fr4n2y '@douyinfe/semi-ui': 2.55.5_biqbaboplfbrettd7655fr4n2y '@esbuild-plugins/node-globals-polyfill': 0.1.1 '@esbuild-plugins/node-modules-polyfill': 0.1.4 @@ -240,11 +240,11 @@ importers: '@types/node': '*' '@types/offscreencanvas': 2019.6.4 '@visactor/vchart': 1.11.0 - '@visactor/vchart-arco-theme': workspace:1.11.0 - '@visactor/vchart-semi-theme': workspace:1.11.0 - '@visactor/vchart-tt-platform-theme': workspace:1.11.0 + '@visactor/vchart-arco-theme': workspace:1.11.1 + '@visactor/vchart-semi-theme': workspace:1.11.1 + '@visactor/vchart-tt-platform-theme': workspace:1.11.1 '@visactor/vchart-types': 1.11.0 - '@visactor/vchart-ve-o-theme': workspace:1.11.0 + '@visactor/vchart-ve-o-theme': workspace:1.11.1 eslint: ~8.18.0 husky: 7.0.4 jest: ~29.5.0 @@ -370,8 +370,8 @@ importers: '@types/offscreencanvas': 2019.6.4 '@visactor/react-vchart': 1.11.0 '@visactor/vchart': 1.11.0 - '@visactor/vchart-semi-theme': workspace:1.11.0 - '@visactor/vchart-theme-utils': workspace:1.11.0 + '@visactor/vchart-semi-theme': workspace:1.11.1 + '@visactor/vchart-theme-utils': workspace:1.11.1 '@vitejs/plugin-react': ^4.1.1 '@vitejs/plugin-react-swc': ^3.4.1 eslint: ~8.18.0 @@ -396,9 +396,9 @@ importers: '@visactor/vchart-semi-theme': link:../vchart-semi-theme '@visactor/vchart-theme-utils': link:../vchart-theme-utils devDependencies: - '@babel/runtime': 7.24.5 - '@douyinfe/semi-icons': 2.58.0_react@18.2.0 - '@douyinfe/semi-icons-lab': 2.58.0_biqbaboplfbrettd7655fr4n2y + '@babel/runtime': 7.24.7 + '@douyinfe/semi-icons': 2.60.0_react@18.2.0 + '@douyinfe/semi-icons-lab': 2.60.0_biqbaboplfbrettd7655fr4n2y '@douyinfe/semi-ui': 2.55.5_biqbaboplfbrettd7655fr4n2y '@esbuild-plugins/node-globals-polyfill': 0.1.1 '@esbuild-plugins/node-modules-polyfill': 0.1.4 @@ -464,8 +464,8 @@ importers: '@typescript-eslint/parser': 5.30.0 '@visactor/react-vchart': 1.11.0 '@visactor/vchart': 1.11.0 - '@visactor/vchart-arco-theme': workspace:1.11.0 - '@visactor/vchart-theme-utils': workspace:1.11.0 + '@visactor/vchart-arco-theme': workspace:1.11.1 + '@visactor/vchart-theme-utils': workspace:1.11.1 '@vitejs/plugin-react': ^4.1.1 '@vitejs/plugin-react-swc': ^3.4.1 classnames: ^2.3.1 @@ -512,7 +512,7 @@ importers: '@arco-design/webpack-plugin': 1.7.0 '@arco-plugins/vite-plugin-svgr': 0.7.2_vite@4.5.3 '@arco-themes/react-arco-pro': 0.0.7_pa7uxehr42623f73endqjggywi - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 '@esbuild-plugins/node-globals-polyfill': 0.1.1 '@esbuild-plugins/node-modules-polyfill': 0.1.4 '@internal/bundler': link:../../tools/bundler @@ -835,7 +835,7 @@ packages: react-dom: '>=16' dependencies: '@arco-design/color': 0.4.0 - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 b-tween: 0.3.3 b-validate: 1.5.3 compute-scroll-into-view: 1.0.20 @@ -2080,8 +2080,8 @@ packages: /@babel/regjsgen/0.8.0: resolution: {integrity: sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==} - /@babel/runtime/7.24.5: - resolution: {integrity: sha512-Nms86NXrsaeU9vbBJKni6gXiEXZ4CVpYVzEjDH9Sb8vmZ3UljyA1GSOJl/6LGPO8EHLuSF9H+IxNXHPX8QHJ4g==} + /@babel/runtime/7.24.7: + resolution: {integrity: sha512-UwgBRMjJP+xv857DCngvqXI3Iq6J4v0wXmwc6sapg+zyhbwmQX67LUEFrkK5tbyJ30jGuG3ZvWpBiB9LCy1kWw==} engines: {node: '>=6.9.0'} dependencies: regenerator-runtime: 0.14.1 @@ -2212,8 +2212,8 @@ packages: scroll-into-view-if-needed: 2.2.31 dev: true - /@douyinfe/semi-icons-lab/2.58.0_biqbaboplfbrettd7655fr4n2y: - resolution: {integrity: sha512-bfwuDWxqHz8IH8FnrzRNwOBudp2Iwpvhw1UqlBRUj8FiOxiWglseXP4f9GhAPiJGbuxVBnWQ8nhIyPoM3eBntg==} + /@douyinfe/semi-icons-lab/2.60.0_biqbaboplfbrettd7655fr4n2y: + resolution: {integrity: sha512-tt+LQREg7FQbgz7NWOKyfiOO4ssR1KxziCNkB+Ko0bMXucZYQx3Totbjon8qS59xi26ovzbsLKc/wDwvr6Ao+A==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 @@ -2231,8 +2231,8 @@ packages: react: 18.2.0 dev: true - /@douyinfe/semi-icons/2.58.0_react@18.2.0: - resolution: {integrity: sha512-DV9hhAbvTahwx5XsTiLrW5TBW8c3TDnrHIDr79Pe83am+0RFVm+PkugwqtRrA1ETVcbrSu6VBpNMGaBrz5IVDg==} + /@douyinfe/semi-icons/2.60.0_react@18.2.0: + resolution: {integrity: sha512-+Rz6o+4k3wO1vRQee/RhPjM04+8fTScLcMYYC5tT+TRgzWO82aOGZKPtJTW45T+iM+oDOnS9/FB2xQj2sPEnIw==} peerDependencies: react: ^16.8.0 || ^17.0.0 || ^18.0.0 dependencies: @@ -2869,7 +2869,7 @@ packages: peerDependencies: react: ^16.3.0 || ^17.0.0 || ^18.0.0 dependencies: - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 hoist-non-react-statics: 3.3.2 react: 18.2.0 react-is: 16.13.1 @@ -5900,7 +5900,7 @@ packages: resolution: {integrity: sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==} engines: {node: '>=0.11'} dependencies: - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 dev: true /date-time/3.1.0: @@ -6102,7 +6102,7 @@ packages: /dom-helpers/5.2.1: resolution: {integrity: sha512-nRCa7CK3VTrM2NmGkIy4cbK7IZlgBE/PYMn55rrXefr5xXDP0LdtfPnblFDoVdcAfslJ7or6iqAUnx0CCGIWQA==} dependencies: - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 csstype: 3.1.3 dev: true @@ -7485,7 +7485,7 @@ packages: /history/4.10.1: resolution: {integrity: sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==} dependencies: - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 loose-envify: 1.4.0 resolve-pathname: 3.0.0 tiny-invariant: 1.3.3 @@ -10212,7 +10212,7 @@ packages: peerDependencies: react: ^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 dependencies: - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 react: 18.2.0 dev: true @@ -10283,7 +10283,7 @@ packages: '@types/react': optional: true dependencies: - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 '@types/react': 17.0.80 focus-lock: 1.3.5 prop-types: 15.8.1 @@ -10315,7 +10315,7 @@ packages: react-native: optional: true dependencies: - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 '@types/react-redux': 7.1.33 hoist-non-react-statics: 3.3.2 loose-envify: 1.4.0 @@ -10347,7 +10347,7 @@ packages: peerDependencies: react: '>=15' dependencies: - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 history: 4.10.1 loose-envify: 1.4.0 prop-types: 15.8.1 @@ -10362,7 +10362,7 @@ packages: peerDependencies: react: '>=15' dependencies: - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 history: 4.10.1 hoist-non-react-statics: 3.3.2 loose-envify: 1.4.0 @@ -10380,7 +10380,7 @@ packages: react: '>=16.6.0' react-dom: '>=16.6.0' dependencies: - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 dom-helpers: 5.2.1 loose-envify: 1.4.0 prop-types: 15.8.1 @@ -10395,7 +10395,7 @@ packages: react: ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 react-dom: ^15.0.0 || ^16.0.0 || ^17.0.0 || ^18.0.0 dependencies: - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 memoize-one: 5.2.1 react: 18.2.0 react-dom: 18.2.0_react@18.2.0 @@ -10512,7 +10512,7 @@ packages: /redux/4.2.1: resolution: {integrity: sha512-LAUYz4lc+Do8/g7aeRa8JkyDErK6ekstQaqWQrNRW//MY1TvCEpMtpTWvlQ+FPbWCx+Xixu/6SHt5N0HR+SB4w==} dependencies: - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 dev: true /regenerate-unicode-properties/10.1.1: @@ -10530,7 +10530,7 @@ packages: /regenerator-transform/0.15.2: resolution: {integrity: sha512-hfMp2BoF0qOk3uc5V20ALGDS2ddjQaLrdl7xrGXvAIow7qeWRM2VA2HuCHkUKk9slq3VwEwLNK3DFBqDfPGYtg==} dependencies: - '@babel/runtime': 7.24.5 + '@babel/runtime': 7.24.7 /regex-not/1.0.2: resolution: {integrity: sha512-J6SDjUgDxQj5NusnOtdFxDwN/+HWykR8GELwctJ7mdqhcyy1xEc4SRFHUXvxTp661YaVKAjfRLZ9cCqS6tn32A==} diff --git a/common/config/rush/version-policies.json b/common/config/rush/version-policies.json index bc7342e..43d0a44 100644 --- a/common/config/rush/version-policies.json +++ b/common/config/rush/version-policies.json @@ -1 +1 @@ -[{"definitionName":"lockStepVersion","policyName":"vchartThemeMain","version":"1.11.0","nextBump":"minor"}] +[{"definitionName":"lockStepVersion","policyName":"vchartThemeMain","version":"1.11.1","nextBump":"patch"}] diff --git a/packages/vchart-arco-theme/CHANGELOG.json b/packages/vchart-arco-theme/CHANGELOG.json index 24cf546..caf9773 100644 --- a/packages/vchart-arco-theme/CHANGELOG.json +++ b/packages/vchart-arco-theme/CHANGELOG.json @@ -1,6 +1,12 @@ { "name": "@visactor/vchart-arco-theme", "entries": [ + { + "version": "1.11.1", + "tag": "@visactor/vchart-arco-theme_v1.11.1", + "date": "Tue, 11 Jun 2024 12:08:57 GMT", + "comments": {} + }, { "version": "1.11.0", "tag": "@visactor/vchart-arco-theme_v1.11.0", diff --git a/packages/vchart-arco-theme/CHANGELOG.md b/packages/vchart-arco-theme/CHANGELOG.md index 7d1503a..6c3a890 100644 --- a/packages/vchart-arco-theme/CHANGELOG.md +++ b/packages/vchart-arco-theme/CHANGELOG.md @@ -1,6 +1,11 @@ # Change Log - @visactor/vchart-arco-theme -This log was last generated on Wed, 15 May 2024 04:09:02 GMT and should not be manually modified. +This log was last generated on Tue, 11 Jun 2024 12:08:57 GMT and should not be manually modified. + +## 1.11.1 +Tue, 11 Jun 2024 12:08:57 GMT + +_Version update only_ ## 1.11.0 Wed, 15 May 2024 04:09:02 GMT diff --git a/packages/vchart-arco-theme/package.json b/packages/vchart-arco-theme/package.json index d9781f8..e23da57 100644 --- a/packages/vchart-arco-theme/package.json +++ b/packages/vchart-arco-theme/package.json @@ -1,6 +1,6 @@ { "name": "@visactor/vchart-arco-theme", - "version": "1.11.0", + "version": "1.11.1", "description": "Extended themes for VChart", "sideEffects": false, "main": "cjs/index.js", @@ -28,7 +28,7 @@ "@visactor/vchart": ">=1.10.4" }, "dependencies": { - "@visactor/vchart-theme-utils": "workspace:1.11.0" + "@visactor/vchart-theme-utils": "workspace:1.11.1" }, "devDependencies": { "@esbuild-plugins/node-globals-polyfill": "0.1.1", diff --git a/packages/vchart-semi-theme/CHANGELOG.json b/packages/vchart-semi-theme/CHANGELOG.json index 9ea1bb8..eda1e1a 100644 --- a/packages/vchart-semi-theme/CHANGELOG.json +++ b/packages/vchart-semi-theme/CHANGELOG.json @@ -1,6 +1,12 @@ { "name": "@visactor/vchart-semi-theme", "entries": [ + { + "version": "1.11.1", + "tag": "@visactor/vchart-semi-theme_v1.11.1", + "date": "Tue, 11 Jun 2024 12:08:57 GMT", + "comments": {} + }, { "version": "1.11.0", "tag": "@visactor/vchart-semi-theme_v1.11.0", diff --git a/packages/vchart-semi-theme/CHANGELOG.md b/packages/vchart-semi-theme/CHANGELOG.md index 1088799..3ab147b 100644 --- a/packages/vchart-semi-theme/CHANGELOG.md +++ b/packages/vchart-semi-theme/CHANGELOG.md @@ -1,6 +1,11 @@ # Change Log - @visactor/vchart-semi-theme -This log was last generated on Wed, 15 May 2024 04:09:02 GMT and should not be manually modified. +This log was last generated on Tue, 11 Jun 2024 12:08:57 GMT and should not be manually modified. + +## 1.11.1 +Tue, 11 Jun 2024 12:08:57 GMT + +_Version update only_ ## 1.11.0 Wed, 15 May 2024 04:09:02 GMT diff --git a/packages/vchart-semi-theme/package.json b/packages/vchart-semi-theme/package.json index 3d5fdf8..a86a690 100644 --- a/packages/vchart-semi-theme/package.json +++ b/packages/vchart-semi-theme/package.json @@ -1,6 +1,6 @@ { "name": "@visactor/vchart-semi-theme", - "version": "1.11.0", + "version": "1.11.1", "description": "Extended themes for VChart", "sideEffects": false, "main": "cjs/index.js", @@ -28,7 +28,7 @@ "@visactor/vchart": ">=1.10.4" }, "dependencies": { - "@visactor/vchart-theme-utils": "workspace:1.11.0" + "@visactor/vchart-theme-utils": "workspace:1.11.1" }, "devDependencies": { "@esbuild-plugins/node-globals-polyfill": "0.1.1", diff --git a/packages/vchart-theme-utils/CHANGELOG.json b/packages/vchart-theme-utils/CHANGELOG.json index c4c57c6..b318972 100644 --- a/packages/vchart-theme-utils/CHANGELOG.json +++ b/packages/vchart-theme-utils/CHANGELOG.json @@ -1,6 +1,12 @@ { "name": "@visactor/vchart-theme-utils", "entries": [ + { + "version": "1.11.1", + "tag": "@visactor/vchart-theme-utils_v1.11.1", + "date": "Tue, 11 Jun 2024 12:08:57 GMT", + "comments": {} + }, { "version": "1.11.0", "tag": "@visactor/vchart-theme-utils_v1.11.0", diff --git a/packages/vchart-theme-utils/CHANGELOG.md b/packages/vchart-theme-utils/CHANGELOG.md index fa14ba9..aac2d97 100644 --- a/packages/vchart-theme-utils/CHANGELOG.md +++ b/packages/vchart-theme-utils/CHANGELOG.md @@ -1,6 +1,11 @@ # Change Log - @visactor/vchart-theme-utils -This log was last generated on Wed, 15 May 2024 04:09:02 GMT and should not be manually modified. +This log was last generated on Tue, 11 Jun 2024 12:08:57 GMT and should not be manually modified. + +## 1.11.1 +Tue, 11 Jun 2024 12:08:57 GMT + +_Version update only_ ## 1.11.0 Wed, 15 May 2024 04:09:02 GMT diff --git a/packages/vchart-theme-utils/package.json b/packages/vchart-theme-utils/package.json index 131cabd..c6f1252 100644 --- a/packages/vchart-theme-utils/package.json +++ b/packages/vchart-theme-utils/package.json @@ -1,6 +1,6 @@ { "name": "@visactor/vchart-theme-utils", - "version": "1.11.0", + "version": "1.11.1", "description": "Utils of extended themes for VChart", "sideEffects": false, "main": "cjs/index.js", diff --git a/packages/vchart-theme/CHANGELOG.json b/packages/vchart-theme/CHANGELOG.json index 85f474d..7438cbd 100644 --- a/packages/vchart-theme/CHANGELOG.json +++ b/packages/vchart-theme/CHANGELOG.json @@ -1,6 +1,12 @@ { "name": "@visactor/vchart-theme", "entries": [ + { + "version": "1.11.1", + "tag": "@visactor/vchart-theme_v1.11.1", + "date": "Tue, 11 Jun 2024 12:08:57 GMT", + "comments": {} + }, { "version": "1.11.0", "tag": "@visactor/vchart-theme_v1.11.0", diff --git a/packages/vchart-theme/CHANGELOG.md b/packages/vchart-theme/CHANGELOG.md index 77eeb66..7acddf4 100644 --- a/packages/vchart-theme/CHANGELOG.md +++ b/packages/vchart-theme/CHANGELOG.md @@ -1,6 +1,11 @@ # Change Log - @visactor/vchart-theme -This log was last generated on Wed, 15 May 2024 04:09:02 GMT and should not be manually modified. +This log was last generated on Tue, 11 Jun 2024 12:08:57 GMT and should not be manually modified. + +## 1.11.1 +Tue, 11 Jun 2024 12:08:57 GMT + +_Version update only_ ## 1.11.0 Wed, 15 May 2024 04:09:02 GMT diff --git a/packages/vchart-theme/README.md b/packages/vchart-theme/README.md index aee227f..17cf79e 100644 --- a/packages/vchart-theme/README.md +++ b/packages/vchart-theme/README.md @@ -24,6 +24,7 @@ The list of themes included here is as follows, with links to the theme JSON fil - [vScreenECommercePurple](https://raw.githubusercontent.com/VisActor/vchart-theme/main/packages/vchart-theme/public/vScreenECommercePurple.json) 大屏-电商紫 - [vScreenRedBlue](https://raw.githubusercontent.com/VisActor/vchart-theme/main/packages/vchart-theme/public/vScreenRedBlue.json) 大屏-红蓝 - [vScreenPartyRed](https://raw.githubusercontent.com/VisActor/vchart-theme/main/packages/vchart-theme/public/vScreenPartyRed.json) 大屏-党建红 +- [chartHubLight](https://raw.githubusercontent.com/VisActor/vchart-theme/main/packages/vchart-theme/public/chartHubLight.json) light theme for ChartHub. - [semiDesignLight](https://raw.githubusercontent.com/VisActor/vchart-theme/main/packages/vchart-theme/public/semiDesignLight.json) Semi Design - light - [semiDesignDark](https://raw.githubusercontent.com/VisActor/vchart-theme/main/packages/vchart-theme/public/semiDesignDark.json) Semi Design - dark - [arcoDesignLight](https://raw.githubusercontent.com/VisActor/vchart-theme/main/packages/vchart-theme/public/arcoDesignLight.json) Arco Design - light diff --git a/packages/vchart-theme/package.json b/packages/vchart-theme/package.json index 1618841..78284f8 100644 --- a/packages/vchart-theme/package.json +++ b/packages/vchart-theme/package.json @@ -1,6 +1,6 @@ { "name": "@visactor/vchart-theme", - "version": "1.11.0", + "version": "1.11.1", "description": "Extended themes for VChart", "sideEffects": false, "main": "cjs/index.js", @@ -55,10 +55,10 @@ "ts-node": "10.9.0", "tslib": "2.3.1", "tslint": "5.12.1", - "@visactor/vchart-semi-theme": "workspace:1.11.0", - "@visactor/vchart-arco-theme": "workspace:1.11.0", - "@visactor/vchart-tt-platform-theme": "workspace:1.11.0", - "@visactor/vchart-ve-o-theme": "workspace:1.11.0" + "@visactor/vchart-semi-theme": "workspace:1.11.1", + "@visactor/vchart-arco-theme": "workspace:1.11.1", + "@visactor/vchart-tt-platform-theme": "workspace:1.11.1", + "@visactor/vchart-ve-o-theme": "workspace:1.11.1" }, "publishConfig": { "access": "public" diff --git a/packages/vchart-theme/public/chartHubLight.json b/packages/vchart-theme/public/chartHubLight.json new file mode 100644 index 0000000..0eefa76 --- /dev/null +++ b/packages/vchart-theme/public/chartHubLight.json @@ -0,0 +1 @@ +{"colorScheme":{"default":{"dataScheme":["#1443FF","#33CCB2","#FFD500","#FFAA33","#FF7733","#F65656","#E93DBD","#9933FF","#5533FF","#A3ABC2"],"palette":{"backgroundColor":"transparent","borderColor":"#e3e5e8","shadowColor":"rgba(33,37,44,0.1)","hoverBackgroundColor":"#f1f2f5","sliderRailColor":"#f1f3f4","sliderHandleColor":"#ffffff","sliderTrackColor":"#0040ff","popupBackgroundColor":"#ffffff","primaryFontColor":"#21252c","secondaryFontColor":"#606773","tertiaryFontColor":"#89909d","axisLabelFontColor":"#909199","disableFontColor":"#bcc1cb","axisMarkerFontColor":"#ffffff","axisGridColor":"#E1E2E5","axisDomainColor":"#DCDEE1","dataZoomHandleStrokeColor":"#aeb5be","dataZoomChartColor":"#c9ced8","playerControllerColor":"#0040ff","scrollBarSliderColor":"rgba(0,0,0,0.3)","axisMarkerBackgroundColor":"#21252c","markLabelBackgroundColor":"#f1f2f5","markLineStrokeColor":"#606773","dangerColor":"#e33232","warningColor":"#ffc528","successColor":"#07a35a","infoColor":"#3073f2","bandColor":"#1443FF","blackColors6":"#F0F0F0","blackColors15":"#D9D9D9","blackColors25":"#BFBFBF","blackColors45":"#8C8C8C","blackColors65":"#595959","blackColors85":"#262626","blackColors95":"#0D0D0D","blackColors100":"#000","whiteColors6":"#0F0F0F","whiteColors15":"#262626","whiteColors25":"#404040","whiteColors45":"#737373","whiteColors65":"#A6A6A6","whiteColors85":"#D9D9D9","whiteColors95":"#F2F2F2","whiteColors100":"#FFFFFF"}}},"token":{"fontFamily":"\"PingFang SC\", \"-apple-system\", \"Segoe UI\", \"Helvetica Neue\", Arial,\n Roboto, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"","fontSize":12,"l1FontSize":32,"l1LineHeight":"150%","l2FontSize":20,"l2LineHeight":"140%","l3FontSize":16,"l3LineHeight":"150%","l4FontSize":14,"l4LineHeight":"150%","l5FontSize":12,"l5LineHeight":"130%","l6FontSize":10,"l6LineHeight":"120%"},"series":{"scatter":{"point":{"style":{"size":8,"stroke":null,"lineWidth":1,"fillOpacity":0.35,"symbolType":"circle"}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","lineWidth":0,"stroke":{"type":"palette","key":"backgroundColor"},"fill":{"type":"palette","key":"blackColors65"}},"visible":false,"offset":5,"position":"top"}},"line":{"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","lineWidth":0,"stroke":{"type":"palette","key":"backgroundColor"},"fill":{"type":"palette","key":"blackColors65"}},"visible":false,"position":"top","offset":4},"point":{"style":{"size":12,"stroke":{"type":"palette","key":"whiteColors100"},"lineWidth":2,"fillOpacity":1,"symbolType":"circle","visible":false,"shadowColor":"rgba(0, 0, 0, 0.1)","shadowBlur":3}},"line":{"style":{"lineWidth":2,"lineCap":"round","lineJoin":"round","curveType":"monotone"}}},"area":{"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","stroke":{"type":"palette","key":"backgroundColor"},"lineWidth":0,"fill":{"type":"palette","key":"blackColors65"}},"visible":false,"offset":5,"position":"top"},"point":{"style":{"size":12,"stroke":{"type":"palette","key":"whiteColors100"},"lineWidth":2,"fillOpacity":1,"symbolType":"circle","visible":false,"shadowColor":"rgba(0, 0, 0, 0.1)","shadowBlur":3}},"seriesMark":"area","line":{"style":{"lineWidth":2,"lineCap":"round","lineJoin":"round","curveType":"monotone"}},"area":{"style":{"fillOpacity":0.25,"lineWidth":2},"state":{"selected":{"fillOpacity":0.5}}}},"bar":{"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","lineWidth":0,"stroke":{"type":"palette","key":"backgroundColor"},"fill":{"type":"palette","key":"secondaryFontColor"}},"visible":false,"position":"outside","offset":5},"bar":{},"barBackground":{"visible":false,"style":{"fill":{"type":"palette","key":"primaryFontColor","a":0.06},"stroke":"transparent"}},"barWidth":8,"barGapInGroup":4},"bar3d":{"bar3d":{"style":{"length":3}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","offset":12,"position":"outside","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0},"visible":false}},"pie":{"outerRadius":0.8,"pie":{"style":{"fillOpacity":1,"padAngle":0,"stroke":"#fff","lineWidth":2},"state":{"hover":{"lineWidth":0},"selected":{"lineWidth":0}}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","stroke":{"type":"palette","key":"backgroundColor"},"fill":null,"lineWidth":0},"visible":true,"position":"outside"},"innerLabel":{"style":{"lineWidth":2}},"labelLine":{},"innerRadius":0.54},"pie3d":{"outerRadius":0.6,"pie3d":{"style":{"height":10,"fillOpacity":1}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0},"visible":false,"position":"outside"},"labelLine":{}},"map":{"defaultFillColor":"#f3f3f3","area":{"style":{"fillOpacity":1,"lineWidth":0.5,"strokeOpacity":1,"stroke":"black"}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","lineHeight":{"type":"token","key":"l6LineHeight"},"textBaseline":"middle","fill":{"type":"palette","key":"blackColors65","default":"#89909d"},"stroke":{"type":"palette","key":"backgroundColor"},"lineWidth":0},"interactive":false}},"radar":{"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","lineWidth":0,"stroke":{"type":"palette","key":"backgroundColor"},"fill":{"type":"palette","key":"blackColors65"}},"visible":false,"offset":4,"position":"top"},"point":{"style":{"size":12,"stroke":{"type":"palette","key":"whiteColors100"},"lineWidth":2,"fillOpacity":1,"symbolType":"circle","visible":false,"shadowColor":"rgba(0, 0, 0, 0.1)","shadowBlur":3}},"line":{"style":{"lineWidth":1,"lineCap":"round","lineJoin":"round"}},"area":{"style":{"fillOpacity":0.2},"visible":true}},"dot":{"dot":{"style":{"size":10,"fillOpacity":1}},"symbol":{"style":{"size":10}},"title":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"fontWeight":"normal","fillOpacity":1,"textAlign":"left","textBaseline":"middle","lineHeight":{"type":"token","key":"l5LineHeight"}}},"subTitle":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"fontWeight":"normal","fillOpacity":1,"textAlign":"left","textBaseline":"top","lineHeight":{"type":"token","key":"l5LineHeight"}}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0}},"group":{},"grid":{},"gridBackground":{}},"link":{"arrow":{"style":{"size":10}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0}},"group":{},"link":{}},"wordCloud":{"word":{"style":{"fontSize":null,"fontWeight":"normal","fillOpacity":1,"textAlign":"center","textBaseline":"alphabetic"},"padding":1},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0}},"fillingWord":{"style":{"fontSize":null,"fontWeight":"normal","fillOpacity":1}}},"wordCloud3d":{"word":{"style":{"fontSize":null,"fontWeight":"normal","fillOpacity":1,"textAlign":"center","textBaseline":"alphabetic"},"padding":1},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0}},"fillingWord":{"style":{"fontSize":null,"fontWeight":"normal","fillOpacity":1}}},"funnel":{"transform":{"style":{"fill":{"type":"palette","key":"axisGridColor"}}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"whiteColors100"},"textBaseline":"middle","lineWidth":0}},"outerLabel":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"fill":{"type":"palette","key":"secondaryFontColor"}},"line":{"style":{"stroke":{"type":"palette","key":"axisDomainColor"},"lineWidth":2}}},"transformLabel":{"style":{"fontSize":{"type":"token","key":"l4FontSize"},"fontWeight":"normal","fillOpacity":1,"fill":{"type":"palette","key":"secondaryFontColor"},"textBaseline":"middle"}},"funnel":{"state":{"selected":{"fill":"#1966FF","stroke":"#3958E0","strokeOpacity":0.2,"lineWidth":4}}},"outerLabelLine":{}},"funnel3d":{"transform3d":{"style":{"fill":"#f5f5f5"}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"textBaseline":"middle","lineWidth":0}},"outerLabel":{"style":{"fontSize":{"type":"token","key":"l4FontSize"},"fontWeight":"normal","fillOpacity":1,"fill":"#707070"},"line":{"style":{"stroke":{"type":"palette","key":"axisDomainColor"}}}},"transformLabel":{"style":{"fontSize":{"type":"token","key":"l4FontSize"},"fontWeight":"normal","fillOpacity":1,"fill":"#707070","textBaseline":"middle"}},"funnel3d":{"style":{"stroke":false}},"outerLabelLine":{}},"linearProgress":{"bandWidth":30,"progress":{"style":{"fillOpacity":1}},"track":{"style":{"fill":"#E7EBED","fillOpacity":1}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0}},"group":{}},"circularProgress":{"outerRadius":0.8,"innerRadius":0.6,"progress":{"style":{"fillOpacity":1,"cornerRadius":100,"fill":{"type":"palette","key":"bandColor"}}},"track":{"style":{"fillOpacity":1,"cornerRadius":100,"fill":"#DCDEE1"},"interactive":false},"tickMask":{"visible":false,"angle":3,"offsetAngle":0,"forceAlign":true},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0}},"group":{}},"waterfall":{"seriesFieldName":{"total":"total","increase":"increase","decrease":"decrease"},"leaderLine":{"style":{"stroke":"black","lineWidth":1,"lineDash":[4,4]}},"stackLabel":{"style":{"fontSize":{"type":"token","key":"l4FontSize"},"fontWeight":"normal","fillOpacity":1,"fill":"black"},"visible":true,"offset":12,"position":"withChange"},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","lineWidth":0,"fill":{"type":"palette","key":"blackColors65"}},"visible":false,"offset":12,"position":"inside"},"bar":{},"barBackground":{"visible":false,"style":{"fill":{"type":"palette","key":"primaryFontColor","a":0.06},"stroke":"transparent"}}},"gauge":{"outerRadius":0.8,"innerRadius":0.6,"padAngle":1.146,"segment":{"style":{"fillOpacity":1}},"tickMask":{"visible":false,"angle":3,"offsetAngle":0,"forceAlign":true},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0}},"group":{},"track":{}},"gaugePointer":{"pointer":{"type":"path","width":0.4,"height":0.4,"style":{"path":"M-0.020059 -0.978425 C-0.018029 -0.9888053 -0.013378 -1 0 -1 C0.01342 -1 0.01812 -0.989146 0.0201 -0.978425 C0.02161 -0.9702819 0.0692 -0.459505 0.09486 -0.184807 C0.10298 -0.097849 0.1089 -0.034548 0.11047 -0.018339 C0.11698 0.04908 0.07373 0.11111 0.00002 0.11111 C-0.07369 0.11111 -0.117184 0.04991 -0.110423 -0.018339 C-0.103662 -0.086591 -0.022089 -0.9680447 -0.020059 -0.978425Z"},"visible":false},"pin":{"width":0.025,"height":0.025,"style":{"path":"M1 0 C1 0.55228 0.55228 1 0 1 C-0.552285 1 -1 0.55228 -1 0 C-1 -0.552285 -0.552285 -1 0 -1 C0.55228 -1 1 -0.552285 1 0Z","fill":"#888"},"visible":false},"pinBackground":{"width":0.06,"height":0.06,"style":{"path":"M1 0 C1 0.55228 0.55228 1 0 1 C-0.552285 1 -1 0.55228 -1 0 C-1 -0.552285 -0.552285 -1 0 -1 C0.55228 -1 1 -0.552285 1 0Z","fill":"#ddd"},"visible":false},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0}}},"treemap":{"gapWidth":0,"nodePadding":[5],"nonLeaf":{"visible":false,"style":{"fillOpacity":0.5}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"whiteColors100"},"textBaseline":"middle","textAlign":"center","lineHeight":{"type":"token","key":"l5LineHeight"},"lineWidth":0}},"nonLeafLabel":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"fontWeight":"normal","fillOpacity":1,"fill":"black","stroke":{"type":"palette","key":"backgroundColor"},"lineWidth":2,"lineHeight":{"type":"token","key":"l5LineHeight"},"textBaseline":"middle","textAlign":"center"},"padding":24},"leaf":{"style":{"lineWidth":2,"stroke":{"type":"palette","key":"whiteColors100"}},"state":{"hover":{"fillOpacity":0.8,"lineWidth":0}}}},"sunburst":{"innerRadius":0,"outerRadius":1,"startAngle":-90,"endAngle":270,"gap":0,"labelLayout":{"align":"center","offset":0,"rotate":"radial"},"sunburst":{"style":{"lineWidth":1,"stroke":{"type":"palette","key":"backgroundColor"},"fillOpacity":1,"cursor":"pointer"}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","cursor":"pointer","fill":{"type":"palette","key":"blackColors65"},"lineHeight":{"type":"token","key":"l5LineHeight"},"lineWidth":0},"visible":true}},"rangeColumn":{"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","lineWidth":0,"fill":{"type":"palette","key":"blackColors65"}},"visible":false,"offset":5,"position":"inside","minLabel":{"position":"end"},"maxLabel":{"position":"start"}},"bar":{},"barBackground":{"visible":false,"style":{"fill":{"type":"palette","key":"primaryFontColor","a":0.06},"stroke":"transparent"}},"minLabel":{"style":{"fontSize":{"type":"token","key":"l4FontSize"},"fontWeight":"normal","fillOpacity":1}},"maxLabel":{"style":{"fontSize":{"type":"token","key":"l4FontSize"},"fontWeight":"normal","fillOpacity":1}}},"circlePacking":{"layoutPadding":5,"circlePacking":{"style":{"lineWidth":1,"stroke":{"type":"palette","key":"backgroundColor"},"cursor":"pointer"},"visible":true},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","cursor":"pointer","fill":{"type":"palette","key":"blackColors65"},"stroke":{"type":"palette","key":"backgroundColor"},"lineWidth":0,"lineHeight":{"type":"token","key":"l5LineHeight"}},"visible":true}},"heatmap":{"cell":{"style":{"shape":"square","fillOpacity":1,"stroke":{"type":"palette","key":"whiteColors100"},"lineWidth":1},"state":{"hover":{"zIndex":100,"stroke":"#000"}}},"cellBackground":{"visible":false},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"whiteColors100"},"lineWidth":0},"position":"inside"}},"sankey":{"link":{"style":{"fillOpacity":0.15,"round":true}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0}},"node":{}},"rose":{"rose":{"style":{"fillOpacity":1}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","lineWidth":0,"stroke":{"type":"palette","key":"backgroundColor"},"textAlign":"center","textBaseline":"middle","fill":{"type":"palette","key":"blackColors65"}}}},"boxPlot":{"boxPlot":{"style":{"lineWidth":1}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","lineWidth":0,"fill":{"type":"palette","key":"blackColors65"}}},"outlier":{}},"correlation":{"centerLabel":{"style":{"fontSize":{"type":"token","key":"l4FontSize"},"fontWeight":"normal","fillOpacity":1,"fill":"#fff","text":""},"visible":true,"position":"center"},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0},"visible":true,"position":"bottom"},"nodePoint":{},"ripplePoint":{},"centerPoint":{}},"liquid":{"outlinePadding":10,"liquidBackground":{"style":{"lineWidth":0,"fillOpacity":0.2}},"liquidOutline":{"style":{"lineWidth":2}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0}},"liquid":{}},"venn":{"circle":{"style":{"opacity":0.8},"state":{"hover":{"opacity":1}}},"overlap":{"style":{"opacity":0.8},"state":{"hover":{"opacity":1,"stroke":"white","lineWidth":2}}},"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"textBaseline":"middle","textAlign":"center","lineHeight":{"type":"token","key":"l4LineHeight"},"lineWidth":0},"visible":true},"overlapLabel":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"fontWeight":"normal","fillOpacity":1,"textBaseline":"middle","textAlign":"center","lineHeight":{"type":"token","key":"l5LineHeight"}},"visible":true}},"geo":{"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0}}},"rangeColumn3d":{"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0}},"bar3d":{},"minLabel":{"style":{"fontSize":{"type":"token","key":"l4FontSize"},"fontWeight":"normal","fillOpacity":1}},"maxLabel":{"style":{"fontSize":{"type":"token","key":"l4FontSize"},"fontWeight":"normal","fillOpacity":1}}},"rangeArea":{"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0}},"point":{"style":{"size":8,"stroke":{"type":"palette","key":"backgroundColor"},"lineWidth":1,"fillOpacity":1}},"line":{"style":{"lineWidth":2,"lineCap":"round","lineJoin":"round"}},"area":{"style":{"fillOpacity":0.2}}},"bar_horizontal":{"stackCornerRadius":[0,1,1,0],"label":{"position":"right","offset":4}},"bar_vertical":{"stackCornerRadius":[1,1,0,0],"label":{"position":"top","offset":4}}},"name":"chartHubLight","background":{"type":"palette","key":"backgroundColor"},"padding":20,"fontFamily":{"type":"token","key":"fontFamily"},"mark":{"text":{"style":{"fontSize":{"type":"token","key":"l4FontSize"},"fontWeight":"normal","fillOpacity":1}}},"markByName":{"label":{"style":{"fontSize":12,"fontWeight":"normal","fillOpacity":1,"lineJoin":"bevel","fill":{"type":"palette","key":"blackColors65"},"lineWidth":0}},"area":{"style":{"fillOpacity":0.2}},"line":{"style":{"lineWidth":2,"lineCap":"round","lineJoin":"round"}},"point":{"style":{"size":8,"stroke":{"type":"palette","key":"backgroundColor"},"lineWidth":1,"fillOpacity":1}},"word":{"style":{"fontSize":null}},"fillingWord":{"style":{"fontSize":null}},"sunburst":{"style":{"lineWidth":1,"stroke":{"type":"palette","key":"backgroundColor"}}},"circlePacking":{"style":{"lineWidth":1,"stroke":{"type":"palette","key":"backgroundColor"}}},"funnel3d":{"style":{"stroke":false}},"barBackground":{"visible":false,"style":{"fill":{"type":"palette","key":"primaryFontColor","a":0.06},"stroke":"transparent"}}},"component":{"discreteLegend":{"orient":"top","position":"middle","padding":[8,8,8,8],"title":{"visible":false,"padding":0,"textStyle":{"fontSize":12,"lineHeight":21,"fill":{"type":"palette","key":"blackColors45"},"fontWeight":"normal"},"space":12},"item":{"visible":true,"spaceCol":24,"spaceRow":12,"padding":0,"background":{"state":{"selectedHover":{"fill":{"type":"palette","key":"hoverBackgroundColor"}},"unSelectedHover":{"fill":{"type":"palette","key":"hoverBackgroundColor"}}},"visible":false},"shape":{"space":4,"style":{"lineWidth":0,"fillOpacity":1,"opacity":1,"size":8,"symbolType":"circle"},"state":{"unSelected":{"fillOpacity":0.2,"opacity":1,"fill":"#D8D8D8"}}},"label":{"space":100,"style":{"fill":"#85878A","fontSize":12,"lineHeight":12,"opacity":1,"fontWeight":400},"state":{"unSelected":{"fill":"#D8D8D8","opacity":1}}}},"allowAllCanceled":false,"visible":true,"maxRow":1,"pager":{"handler":{"space":8,"style":{"size":10,"fill":{"type":"palette","key":"blackColors100"}}},"textStyle":{"fill":{"type":"palette","key":"blackColors45"},"fontSize":10}}},"colorLegend":{"horizontal":{"orient":"right","position":"middle","padding":[16,24],"title":{"visible":false,"padding":0,"textStyle":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":{"type":"palette","key":"primaryFontColor"}},"space":5,"style":{"fontSize":12,"fill":"#2C3542"}},"handler":{"style":{"symbolType":"rectRound","lineWidth":1,"outerBorder":null,"shadowBlur":12,"shadowOffsetX":0,"shadowOffsetY":4,"shadowColor":{"type":"palette","key":"shadowColor"},"size":16,"scaleX":0.5,"fill":"#fff","stroke":"#99B0F3","radius":2}},"startText":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":{"type":"palette","key":"secondaryFontColor","default":"#89909d"}},"space":6},"endText":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":{"type":"palette","key":"secondaryFontColor","default":"#89909d"}},"space":6},"handlerText":{"style":{"fontSize":12,"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":"#2C3542"},"space":10},"rail":{"width":100,"height":4,"style":{"fill":"#DCDEE2"}}},"vertical":{"orient":"right","position":"middle","padding":[16,24],"title":{"visible":false,"padding":0,"textStyle":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":{"type":"palette","key":"primaryFontColor"}},"space":5,"style":{"fontSize":12,"fill":"#2C3542"}},"handler":{"style":{"symbolType":"rectRound","lineWidth":1,"outerBorder":null,"shadowBlur":12,"shadowOffsetX":0,"shadowOffsetY":4,"shadowColor":{"type":"palette","key":"shadowColor"},"size":16,"scaleY":0.5,"fill":"#fff","stroke":"#99B0F3","radius":2}},"startText":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":{"type":"palette","key":"secondaryFontColor","default":"#89909d"}},"space":6},"endText":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":{"type":"palette","key":"secondaryFontColor","default":"#89909d"}},"space":6},"handlerText":{"style":{"fontSize":12,"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":"#2C3542"},"space":10},"rail":{"width":4,"height":100,"style":{"fill":"#DCDEE2"}}}},"sizeLegend":{"horizontal":{"orient":"right","position":"middle","padding":[16,24],"title":{"visible":false,"padding":0,"textStyle":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":{"type":"palette","key":"primaryFontColor"}},"space":12},"handler":{"style":{"symbolType":"circle","lineWidth":0,"outerBorder":{"lineWidth":2,"distance":0.8,"stroke":{"type":"palette","key":"sliderTrackColor"}},"fill":{"type":"palette","key":"sliderHandleColor"}}},"startText":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":{"type":"palette","key":"secondaryFontColor","default":"#89909d"}},"space":6},"endText":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":{"type":"palette","key":"secondaryFontColor","default":"#89909d"}},"space":6},"handlerText":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":{"type":"palette","key":"secondaryFontColor","default":"#89909d"}},"space":6},"sizeBackground":{"fill":{"type":"palette","key":"dataZoomChartColor"}},"track":{"style":{"fill":{"type":"palette","key":"sliderTrackColor","a":0.8}}},"rail":{"width":200,"height":4,"style":{"fill":{"type":"palette","key":"sliderRailColor"}}}},"vertical":{"orient":"right","position":"middle","padding":[16,24],"title":{"visible":false,"padding":0,"textStyle":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":{"type":"palette","key":"primaryFontColor"}},"space":12},"handler":{"style":{"symbolType":"circle","lineWidth":0,"outerBorder":{"lineWidth":2,"distance":0.8,"stroke":{"type":"palette","key":"sliderTrackColor"}},"fill":{"type":"palette","key":"sliderHandleColor"}}},"startText":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":{"type":"palette","key":"secondaryFontColor","default":"#89909d"}},"space":6},"endText":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":{"type":"palette","key":"secondaryFontColor","default":"#89909d"}},"space":6},"handlerText":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fontWeight":"normal","fill":{"type":"palette","key":"secondaryFontColor","default":"#89909d"}},"space":6},"sizeBackground":{"fill":{"type":"palette","key":"dataZoomChartColor"}},"track":{"style":{"fill":{"type":"palette","key":"sliderTrackColor","a":0.8}}},"rail":{"width":4,"height":200,"style":{"fill":{"type":"palette","key":"sliderRailColor"}}}}},"axis":{"domainLine":{"visible":true,"style":{"lineWidth":1,"stroke":{"type":"palette","key":"axisDomainColor"},"strokeOpacity":1}},"grid":{"visible":true,"style":{"lineWidth":1,"stroke":{"type":"palette","key":"axisGridColor"},"strokeOpacity":1,"lineDash":[4,4]}},"subGrid":{"visible":false,"style":{"lineWidth":1,"stroke":{"type":"palette","key":"axisGridColor"},"strokeOpacity":1,"lineDash":[4,4]}},"tick":{"visible":true,"inside":false,"tickSize":4,"alignWithLabel":true,"style":{"lineWidth":1,"stroke":{"type":"palette","key":"blackColors25"},"strokeOpacity":1}},"subTick":{"visible":false,"tickSize":2,"style":{"lineWidth":1,"stroke":{"type":"palette","key":"blackColors15"},"strokeOpacity":1}},"label":{"visible":true,"inside":false,"space":8,"style":{"fontSize":12,"fill":{"type":"palette","key":"blackColors45"},"fontWeight":400,"fillOpacity":1}},"title":{"space":10,"padding":0,"style":{"fontSize":12,"lineHeight":12,"fill":{"type":"palette","key":"blackColors65"},"fontWeight":"normal","fillOpacity":1},"visible":false}},"axisBand":{"domainLine":{"visible":true},"grid":{"visible":false},"subGrid":{"visible":false},"tick":{"visible":true},"subTick":{"visible":false}},"axisLinear":{"domainLine":{"visible":false},"grid":{"visible":true},"subGrid":{"visible":false},"tick":{"visible":false},"subTick":{"visible":false}},"axisX":{"label":{"space":8},"title":{"space":8},"maxHeight":"30%","unit":{"visible":false,"style":{"fontSize":{"type":"token","key":"l5FontSize"},"fill":{"type":"palette","key":"axisLabelFontColor"},"fontWeight":"normal","fillOpacity":1}}},"axisY":{"label":{"space":12,"autoLimit":true},"title":{"space":12,"autoRotate":true},"maxWidth":"30%","unit":{"visible":false,"style":{"fontSize":{"type":"token","key":"l5FontSize"},"fill":{"type":"palette","key":"axisLabelFontColor"},"fontWeight":"normal","fillOpacity":1}}},"axisZ":{"label":{"space":0},"title":{"space":8},"maxHeight":"30%","unit":{"visible":false,"style":{"fontSize":{"type":"token","key":"l5FontSize"},"fill":{"type":"palette","key":"axisLabelFontColor"},"fontWeight":"normal","fillOpacity":1}}},"axisAngle":{"grid":{"visible":true,"style":{"lineDash":[6,6]},"smooth":false},"label":{"space":4}},"axisRadius":{"grid":{"smooth":false,"visible":true},"subGrid":{"smooth":false,"visible":false},"domainLine":{}},"markLine":{"line":{"style":{"lineDash":[],"stroke":{"type":"palette","key":"blackColors25"},"lineWidth":1}},"startSymbol":{"visible":false,"symbolType":"triangle","size":10,"style":{"fill":{"type":"palette","key":"markLineStrokeColor"},"stroke":null,"lineWidth":0}},"endSymbol":{"visible":false,"symbolType":"triangle","size":10,"style":{"fill":{"type":"palette","key":"markLineStrokeColor"},"stroke":null,"lineWidth":0}},"label":{"refY":0,"style":{"fontSize":{"type":"token","key":"l5FontSize"},"fontWeight":"normal","fontStyle":"normal","fill":{"type":"palette","key":"blackColors65"}},"labelBackground":{"padding":{"top":2,"bottom":2,"right":4,"left":4},"style":{"cornerRadius":3,"fill":{"type":"palette","key":"markLabelBackgroundColor"}},"visible":false},"position":"insideStartTop","autoRotate":true}},"markArea":{"area":{"style":{"fill":{"type":"palette","key":"blackColors100","a":0.06}}},"label":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"fontWeight":"normal","fontStyle":"normal","fill":{"type":"palette","key":"blackColors65"}},"labelBackground":{"padding":{"top":2,"bottom":2,"right":4,"left":4},"style":{"cornerRadius":3,"fill":{"type":"palette","key":"markLabelBackgroundColor"}},"visible":false}}},"markPoint":{"itemLine":{"decorativeLine":{"visible":false},"startSymbol":{"size":6,"visible":true,"style":{"fill":"#fff","stroke":{"type":"palette","key":"bandColor"},"lineWidth":2}},"endSymbol":{"style":{"fill":{"type":"palette","key":"markLineStrokeColor"},"stroke":null,"lineWidth":0},"visible":false},"line":{"style":{"stroke":{"type":"palette","key":"blackColors25"},"lineWidth":1}}},"itemContent":{"offsetY":-16,"autoRotate":false,"text":{"style":{"fontSize":{"type":"token","key":"l5FontSize"},"fill":{"type":"palette","key":"blackColors65"}}}}},"polarMarkLine":{"line":{"style":{"lineDash":[3,3],"stroke":{"type":"palette","key":"markLineStrokeColor"}}},"startSymbol":{"visible":false,"symbolType":"triangle","size":10,"style":{"fill":{"type":"palette","key":"markLineStrokeColor"},"stroke":null,"lineWidth":0}},"endSymbol":{"visible":true,"symbolType":"triangle","size":10,"style":{"fill":{"type":"palette","key":"markLineStrokeColor"},"stroke":null,"lineWidth":0}},"label":{"refY":5,"style":{"fontSize":{"type":"token","key":"l4FontSize"},"fontWeight":"normal","fontStyle":"normal","fill":{"type":"palette","key":"primaryFontColor"}},"labelBackground":{"padding":{"top":2,"bottom":2,"right":4,"left":4},"style":{"cornerRadius":3,"fill":{"type":"palette","key":"markLabelBackgroundColor"}}}}},"polarMarkArea":{"area":{"style":{"fill":{"type":"palette","key":"axisDomainColor","a":0.25}}},"label":{"style":{"fontSize":{"type":"token","key":"l4FontSize"},"fontWeight":"normal","fontStyle":"normal","fill":{"type":"palette","key":"primaryFontColor"}},"labelBackground":{"padding":{"top":2,"bottom":2,"right":4,"left":4},"style":{"cornerRadius":3,"fill":{"type":"palette","key":"markLabelBackgroundColor"}}}}},"polarMarkPoint":{"itemLine":{"decorativeLine":{"visible":false},"startSymbol":{"size":5,"visible":true,"style":{"fill":{"type":"palette","key":"markLineStrokeColor"},"stroke":null,"lineWidth":0}},"endSymbol":{"style":{"fill":{"type":"palette","key":"markLineStrokeColor"},"stroke":null,"lineWidth":0}},"line":{"style":{"stroke":{"type":"palette","key":"markLineStrokeColor"}}}},"itemContent":{"offsetY":-50}},"geoMarkPoint":{"itemLine":{"decorativeLine":{"visible":false},"startSymbol":{"size":5,"visible":true,"style":{"fill":{"type":"palette","key":"markLineStrokeColor"},"stroke":null,"lineWidth":0}},"endSymbol":{"style":{"fill":{"type":"palette","key":"markLineStrokeColor"},"stroke":null,"lineWidth":0}},"line":{"style":{"stroke":{"type":"palette","key":"markLineStrokeColor"}}}},"itemContent":{"offsetY":-50}},"tooltip":{"offset":{"x":16,"y":16},"panel":{"padding":{"top":12,"left":12,"right":12,"bottom":12},"backgroundColor":{"type":"palette","key":"popupBackgroundColor"},"border":{"color":{"type":"palette","key":"popupBackgroundColor"},"width":0,"radius":3},"shadow":{"x":0,"y":0,"blur":10,"spread":0,"color":"#aeaeae"}},"spaceRow":12,"titleLabel":{"fontSize":12,"lineHeight":12,"fontColor":"#1D1D2E","fontWeight":"500","textAlign":"left","textBaseline":"middle","spacing":0},"shape":{"size":8,"spacing":8},"keyLabel":{"fontSize":12,"lineHeight":12,"fontColor":{"type":"palette","key":"blackColors65"},"textAlign":"left","textBaseline":"middle","spacing":12},"valueLabel":{"fontSize":12,"lineHeight":12,"fontColor":{"type":"palette","key":"blackColors65"},"fontWeight":"normal","textBaseline":"middle","spacing":0}},"dataZoom":{"padding":[12,0],"showDetail":"auto","brushSelect":false,"middleHandler":{"visible":false,"background":{"size":6,"style":{"stroke":{"type":"palette","key":"dataZoomHandleStrokeColor"},"cornerRadius":2}},"icon":{"style":{"size":4,"fill":{"type":"palette","key":"sliderHandleColor"},"stroke":{"type":"palette","key":"dataZoomHandleStrokeColor"},"symbolType":"M 0.3 -0.5 C 0.41 -0.5 0.5 -0.41 0.5 -0.3 C 0.5 -0.3 0.5 0.3 0.5 0.3 C 0.5 0.41 0.41 0.5 0.3 0.5 C 0.3 0.5 -0.3 0.5 -0.3 0.5 C -0.41 0.5 -0.5 0.41 -0.5 0.3 C -0.5 0.3 -0.5 -0.3 -0.5 -0.3 C -0.5 -0.41 -0.41 -0.5 -0.3 -0.5 C -0.3 -0.5 0.3 -0.5 0.3 -0.5 Z","lineWidth":0.5}}},"background":{"size":20,"style":{"fill":"#F3F4F6","lineWidth":2,"fillOpacity":0.2,"cornerRadius":4,"stroke":"#EDEEF0","opacity":1}},"selectedBackground":{"style":{"fill":"#6699FF","fillOpacity":0.2,"outerBorder":{"stroke":{"type":"palette","key":"sliderTrackColor"},"strokeOpacity":0.2,"distance":-0.5,"lineWidth":1},"opacity":1,"stroke":"#6699FF","lineWidth":2,"cornerRadius":4}},"selectedBackgroundChart":{"area":{"style":{"visible":false,"stroke":false,"fill":{"type":"palette","key":"dataZoomChartColor"}}},"line":{"style":{"visible":false,"stroke":{"type":"palette","key":"dataZoomChartColor"},"lineWidth":1}}},"startHandler":{"style":{"symbolType":"M-0.5-2.4h0.9c0.4,0,0.7,0.3,0.7,0.7v3.3c0,0.4-0.3,0.7-0.7,0.7h-0.9c-0.4,0-0.7-0.3-0.7-0.7v-3.3\nC-1.2-2-0.9-2.4-0.5-2.4z M-0.4-1.4L-0.4-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\nC-0.4-1.4-0.4-1.4-0.4-1.4z M0.3-1.4L0.3-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\nC0.3-1.4,0.3-1.4,0.3-1.4z;","fill":{"type":"palette","key":"sliderHandleColor"},"scaleX":1.2,"scaleY":1.2,"stroke":{"type":"palette","key":"dataZoomHandleStrokeColor"},"lineWidth":1,"size":22}},"endHandler":{"style":{"symbolType":"M-0.5-2.4h0.9c0.4,0,0.7,0.3,0.7,0.7v3.3c0,0.4-0.3,0.7-0.7,0.7h-0.9c-0.4,0-0.7-0.3-0.7-0.7v-3.3\nC-1.2-2-0.9-2.4-0.5-2.4z M-0.4-1.4L-0.4-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\nC-0.4-1.4-0.4-1.4-0.4-1.4z M0.3-1.4L0.3-1.4c0,0,0,0.1,0,0.1v2.6c0,0.1,0,0.1,0,0.1l0,0c0,0,0-0.1,0-0.1v-2.6\nC0.3-1.4,0.3-1.4,0.3-1.4z;","fill":{"type":"palette","key":"sliderHandleColor"},"scaleX":1.2,"scaleY":1.2,"stroke":{"type":"palette","key":"dataZoomHandleStrokeColor"},"lineWidth":1,"size":22}},"startText":{"padding":8,"style":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fill":{"type":"palette","key":"secondaryFontColor","default":"#89909d"}},"visible":false},"endText":{"padding":8,"style":{"fontSize":{"type":"token","key":"l5FontSize"},"lineHeight":{"type":"token","key":"l5LineHeight"},"fill":{"type":"palette","key":"secondaryFontColor","default":"#89909d"}},"visible":false},"backgroundChart":{"area":{"style":{"stroke":"#6699FF","fill":false}},"line":{"style":{"stroke":"#6699FF","lineWidth":1,"fill":false}}},"height":44},"crosshair":{"trigger":"hover","bandField":{"visible":false,"line":{"type":"rect","visible":true,"style":{"fill":"#CCD7EB","opacity":0.7,"lineWidth":0,"stroke":{"type":"palette","key":"markLineStrokeColor"},"lineDash":[],"fillOpacity":0.4}},"label":{"visible":false,"style":{"fontWeight":"normal","fill":{"type":"palette","key":"axisMarkerFontColor"},"fontSize":{"type":"token","key":"l5FontSize"}},"labelBackground":{"padding":{"bottom":0,"top":0,"left":2,"right":2},"style":{"fill":{"type":"palette","key":"axisMarkerBackgroundColor"},"cornerRadius":1}}}},"linearField":{"visible":false,"line":{"type":"line","visible":true,"style":{"stroke":"#CCD7EB","fill":"transparent","opacity":0.7,"lineDash":[],"lineWidth":0.4}},"label":{"visible":false,"style":{"fontWeight":"normal","fill":{"type":"palette","key":"axisMarkerFontColor"},"fontSize":{"type":"token","key":"l5FontSize"}},"labelBackground":{"padding":{"bottom":0,"top":0,"left":2,"right":2},"style":{"fill":{"type":"palette","key":"axisMarkerBackgroundColor"},"cornerRadius":1}}}}},"player":{"visible":true,"position":"start","padding":{"top":20,"bottom":20},"slider":{"space":10,"trackStyle":{"fill":{"type":"palette","key":"sliderTrackColor"},"fillOpacity":0.8},"railStyle":{"fill":{"type":"palette","key":"sliderRailColor"}},"handlerStyle":{"size":15,"stroke":{"type":"palette","key":"backgroundColor"},"lineWidth":2,"fill":{"type":"palette","key":"playerControllerColor"}}},"controller":{"start":{"order":0,"space":0,"style":{"size":25,"fill":{"type":"palette","key":"playerControllerColor"},"fillOpacity":0.8}},"pause":{"order":0,"space":0,"style":{"size":25,"fill":{"type":"palette","key":"playerControllerColor"},"fillOpacity":0.8}},"backward":{"order":0,"space":10,"position":"start","style":{"size":12,"fill":{"type":"palette","key":"playerControllerColor"},"fillOpacity":0.8}},"forward":{"order":0,"space":10,"position":"end","style":{"size":12,"fill":{"type":"palette","key":"playerControllerColor"},"fillOpacity":0.8}}}},"brush":{"style":{"fill":"#B0C8F9","fillOpacity":0.2,"stroke":"#B0C8F9","lineWidth":2},"brushMode":"single","brushType":"rect","brushMoved":true,"removeOnClick":true,"delayType":"throttle","delayTime":0},"indicator":{"title":{"visible":true,"autoLimit":false,"autoFit":false,"style":{"fontSize":16,"fill":"#12141A","fontWeight":500,"fillOpacity":1,"textBaseline":"top","textAlign":"center"}},"content":{"visible":true,"style":{"fontSize":12,"fill":"#85878A","fontWeight":400,"fillOpacity":1,"textBaseline":"top","textAlign":"center"}}},"title":{"padding":{"top":4,"bottom":20},"textStyle":{"fontSize":{"type":"token","key":"l3FontSize"},"lineHeight":{"type":"token","key":"l3LineHeight"},"fill":{"type":"palette","key":"primaryFontColor"}},"subtextStyle":{"fontSize":{"type":"token","key":"l4FontSize"},"lineHeight":{"type":"token","key":"l4LineHeight"},"fill":{"type":"palette","key":"tertiaryFontColor"}}},"mapLabel":{"visible":true,"offset":12,"position":"top","space":10,"nameLabel":{"visible":true,"style":{"textBaseline":"middle","textAlign":"left","fill":"black","fontSize":{"type":"token","key":"l6FontSize"}}},"valueLabel":{"visible":true,"style":{"textBaseline":"middle","textAlign":"left","fill":"black","fontSize":{"type":"token","key":"l6FontSize"}}},"background":{"visible":true,"padding":{"top":4,"bottom":4,"left":6,"right":6},"style":{"cornerRadius":2,"lineWidth":1,"fill":"white","stroke":"grey"}},"leader":{"visible":false,"style":{"lineWidth":1,"stroke":"red"}}},"poptip":{"visible":true,"position":"auto","padding":8,"titleStyle":{"fontSize":{"type":"token","key":"l5FontSize"},"fontWeight":"bold","fill":{"type":"palette","key":"primaryFontColor"}},"contentStyle":{"fontSize":{"type":"token","key":"l5FontSize"},"fill":{"type":"palette","key":"primaryFontColor"}},"panel":{"visible":true,"fill":{"type":"palette","key":"popupBackgroundColor"},"cornerRadius":3,"lineWidth":0,"shadowBlur":12,"shadowOffsetX":0,"shadowOffsetY":4,"shadowColor":{"type":"palette","key":"shadowColor"},"size":0,"space":12}},"totalLabel":{"visible":false,"offset":5,"overlap":{"clampForce":true,"strategy":[]},"smartInvert":false,"animation":false,"style":{"fontSize":{"type":"token","key":"l4FontSize"},"fill":{"type":"palette","key":"primaryFontColor"}}},"scrollBar":{"horizontal":{"height":12,"slider":{"style":{"fill":"rgba(0,0,0,0.15)"}}},"vertical":{"width":12,"slider":{"style":{"fill":"rgba(0,0,0,0.15)"}}}}},"animationThreshold":2000,"type":"light","description":"light theme for ChartHub."} \ No newline at end of file diff --git a/packages/vchart-theme/src/chart-hub/common/color-scheme.ts b/packages/vchart-theme/src/chart-hub/common/color-scheme.ts new file mode 100644 index 0000000..42ffacd --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/color-scheme.ts @@ -0,0 +1,69 @@ +import type { BuiltinColorPalette, IThemeColorScheme } from '@visactor/vchart'; + +const defaultColor = [ + // 定义分类主题色 + '#1443FF', + '#33CCB2', + '#FFD500', + '#FFAA33', + '#FF7733', + '#F65656', + '#E93DBD', + '#9933FF', + '#5533FF', + '#A3ABC2' +]; + +const BLACK_COLORS = { + 100: '#000', + 95: '#0D0D0D', + 85: '#262626', + 65: '#595959', + 45: '#8C8C8C', + 25: '#BFBFBF', + 15: '#D9D9D9', + 6: '#F0F0F0' +}; + +const WHITE_COLORS = { + 100: '#FFFFFF', + 95: '#F2F2F2', + 85: '#D9D9D9', + 65: '#A6A6A6', + 45: '#737373', + 25: '#404040', + 15: '#262626', + 6: '#0F0F0F' +}; + +const blackColorPalettes = {}; +for (const key in BLACK_COLORS) { + blackColorPalettes[`blackColors${key}`] = BLACK_COLORS[key]; +} + +const whiteColorPalettes = {}; +for (const key in WHITE_COLORS) { + whiteColorPalettes[`whiteColors${key}`] = WHITE_COLORS[key]; +} + +export const colorScheme: IThemeColorScheme = { + default: { + dataScheme: defaultColor, + palette: { + bandColor: defaultColor[0], + + /** 背景色 */ + backgroundColor: 'transparent', + + /** 轴线颜色 */ + axisDomainColor: '#DCDEE1', + /** 轴标签字色 */ + axisLabelFontColor: '#909199', + /** 轴网格线颜色 */ + axisGridColor: '#E1E2E5', + + ...blackColorPalettes, + ...whiteColorPalettes + } as Partial + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/component/axis.ts b/packages/vchart-theme/src/chart-hub/common/component/axis.ts new file mode 100644 index 0000000..d9898ef --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/component/axis.ts @@ -0,0 +1,65 @@ +import type { IComponentTheme } from '@visactor/vchart'; + +export const axis: Pick< + IComponentTheme, + 'axis' | 'axisAngle' | 'axisBand' | 'axisLinear' | 'axisRadius' | 'axisX' | 'axisY' +> = { + axis: { + domainLine: { + visible: true, + style: { + lineWidth: 1, + stroke: { type: 'palette', key: 'axisDomainColor' } + } + }, + grid: { + visible: true, + style: { + lineWidth: 1, + stroke: { type: 'palette', key: 'axisGridColor' }, + lineDash: [4, 4] + } + }, + subGrid: { + visible: false, + style: { + lineWidth: 1, + stroke: { type: 'palette', key: 'axisGridColor' }, + lineDash: [4, 4] + } + }, + tick: { + visible: true, + style: { + lineWidth: 1, + stroke: { type: 'palette', key: 'blackColors25' } + } + }, + subTick: { + visible: false, + tickSize: 2, + style: { + lineWidth: 1, + stroke: { type: 'palette', key: 'blackColors15' } + } + }, + label: { + visible: true, + space: 8, + style: { + fontSize: 12, + fill: { type: 'palette', key: 'blackColors45' }, + fontWeight: 400, + fillOpacity: 1 + } + }, + title: { + visible: false, + style: { + fill: { type: 'palette', key: 'blackColors65' }, + fontSize: 12, + lineHeight: 12 + } + } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/component/crosshair.ts b/packages/vchart-theme/src/chart-hub/common/component/crosshair.ts new file mode 100644 index 0000000..1f11492 --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/component/crosshair.ts @@ -0,0 +1,33 @@ +import type { ICrosshairTheme } from '@visactor/vchart'; + +export const crosshair: ICrosshairTheme = { + trigger: 'hover', + bandField: { + line: { + type: 'rect', + visible: true, + style: { + fill: '#CCD7EB', + fillOpacity: 0.4, + lineDash: [] + } + }, + label: { + visible: false + } + }, + linearField: { + visible: false, + line: { + type: 'line', + style: { + stroke: '#CCD7EB', + lineWidth: 0.4, + lineDash: [] + } + }, + label: { + visible: false + } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/component/data-zoom.ts b/packages/vchart-theme/src/chart-hub/common/component/data-zoom.ts new file mode 100644 index 0000000..ebc379f --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/component/data-zoom.ts @@ -0,0 +1,58 @@ +import type { IDataZoomTheme } from '@visactor/vchart-types'; + +export const dataZoom: IDataZoomTheme = { + height: 44, + middleHandler: { + visible: false + }, + startHandler: { + style: { + size: 22 + } + }, + selectedBackground: { + style: { + fill: '#6699FF', + fillOpacity: 0.2, + opacity: 1, + stroke: '#6699FF', + lineWidth: 2, + cornerRadius: 4 + } + }, + background: { + style: { + fill: '#F3F4F6', + fillOpacity: 0.2, + cornerRadius: 4, + stroke: '#EDEEF0', + opacity: 1, + lineWidth: 2 + } + }, + endHandler: { + style: { + size: 22 + } + }, + backgroundChart: { + area: { + style: { + fill: false, + stroke: '#6699FF' + } + }, + line: { + style: { + fill: false, + stroke: '#6699FF' + } + } + }, + startText: { + visible: false + }, + endText: { + visible: false + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/component/indicator.ts b/packages/vchart-theme/src/chart-hub/common/component/indicator.ts new file mode 100644 index 0000000..97b084e --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/component/indicator.ts @@ -0,0 +1,20 @@ +import type { IIndicatorTheme } from '@visactor/vchart'; + +export const indicator: IIndicatorTheme = { + title: { + visible: true, + style: { + fill: '#12141A', + fontWeight: 500, + fontSize: 16 + } + }, + content: { + visible: true, + style: { + fill: '#85878A', + fontWeight: 400, + fontSize: 12 + } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/component/legend.ts b/packages/vchart-theme/src/chart-hub/common/component/legend.ts new file mode 100644 index 0000000..802f34b --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/component/legend.ts @@ -0,0 +1,131 @@ +import type { IComponentTheme } from '@visactor/vchart'; + +const commonColorLegendTheme = { + handlerText: { + space: 10, + style: { + fontSize: 12, + fill: '#2C3542' + } + }, + title: { + space: 5, + style: { + fontSize: 12, + fill: '#2C3542' + } + } +}; + +export const legend: Partial = { + discreteLegend: { + visible: true, + orient: 'top', + padding: [8, 8, 8, 8], + maxRow: 1, + title: { + visible: false, + textStyle: { + fill: { type: 'palette', key: 'blackColors45' }, + fontSize: 12, + lineHeight: 21 + } + }, + item: { + visible: true, + spaceCol: 24, + spaceRow: 12, + padding: 0, + background: { + visible: false + }, + shape: { + space: 4, + style: { + size: 8, + symbolType: 'circle' + }, + state: { unSelected: { fill: '#D8D8D8' } } + }, + label: { + space: 100, + style: { + fill: '#85878A', + fontSize: 12, + lineHeight: 12, + opacity: 1, + fontWeight: 400 + }, + state: { + unSelected: { + fill: '#D8D8D8', + opacity: 1 + } + } + } + }, + pager: { + handler: { + space: 8, + style: { + size: 10, + fill: { + type: 'palette', + key: 'blackColors100' + } + } + }, + textStyle: { + fill: { type: 'palette', key: 'blackColors45' }, + fontSize: 10 + } + }, + allowAllCanceled: false + }, + colorLegend: { + horizontal: { + ...commonColorLegendTheme, + handler: { + style: { + symbolType: 'rectRound', + size: 16, + scaleX: 0.5, + fill: '#fff', + lineWidth: 1, + stroke: '#99B0F3', + radius: 2, + outerBorder: null + } + }, + rail: { + height: 4, + width: 100, + style: { + fill: '#DCDEE2' + } + } + }, + vertical: { + ...commonColorLegendTheme, + handler: { + style: { + symbolType: 'rectRound', + size: 16, + scaleY: 0.5, + fill: '#fff', + lineWidth: 1, + stroke: '#99B0F3', + radius: 2, + outerBorder: null + } + }, + rail: { + width: 4, + height: 100, + style: { + fill: '#DCDEE2' + } + } + } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/component/mark-area.ts b/packages/vchart-theme/src/chart-hub/common/component/mark-area.ts new file mode 100644 index 0000000..49117d1 --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/component/mark-area.ts @@ -0,0 +1,18 @@ +import type { IMarkAreaTheme } from '@visactor/vchart'; + +export const markArea: IMarkAreaTheme = { + area: { + style: { + fill: { type: 'palette', key: 'blackColors100', a: 0.06 } + } + }, + label: { + style: { + fontSize: { type: 'token', key: 'l5FontSize' }, + fill: { type: 'palette', key: 'blackColors65' } + }, + labelBackground: { + visible: false + } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/component/mark-line.ts b/packages/vchart-theme/src/chart-hub/common/component/mark-line.ts new file mode 100644 index 0000000..efcf477 --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/component/mark-line.ts @@ -0,0 +1,29 @@ +import type { IMarkLineTheme } from '@visactor/vchart'; + +export const markLine: IMarkLineTheme = { + line: { + style: { + lineDash: [], + lineWidth: 1, + stroke: { type: 'palette', key: 'blackColors25' } + } + }, + startSymbol: { + visible: false + }, + endSymbol: { + visible: false + }, + label: { + position: 'insideStartTop', + refY: 0, + autoRotate: true, + style: { + fontSize: { type: 'token', key: 'l5FontSize' }, + fill: { type: 'palette', key: 'blackColors65' } + }, + labelBackground: { + visible: false + } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/component/mark-point.ts b/packages/vchart-theme/src/chart-hub/common/component/mark-point.ts new file mode 100644 index 0000000..388af88 --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/component/mark-point.ts @@ -0,0 +1,38 @@ +import type { IMarkPointTheme } from '@visactor/vchart'; + +export const markPoint: IMarkPointTheme = { + itemContent: { + // @ts-ignore + autoRotate: false, // FIXME: type error + offsetY: -16, + text: { + style: { + fontSize: { type: 'token', key: 'l5FontSize' }, + fill: { type: 'palette', key: 'blackColors65' } + } + } + }, + itemLine: { + decorativeLine: { + visible: false + }, + startSymbol: { + visible: true, + size: 6, + style: { + fill: '#fff', + stroke: { type: 'palette', key: 'bandColor' }, + lineWidth: 2 + } + }, + endSymbol: { + visible: false + }, + line: { + style: { + lineWidth: 1, + stroke: { type: 'palette', key: 'blackColors25' } + } + } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/component/polar-axis.ts b/packages/vchart-theme/src/chart-hub/common/component/polar-axis.ts new file mode 100644 index 0000000..5fdc831 --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/component/polar-axis.ts @@ -0,0 +1,27 @@ +import type { IPolarAxisCommonTheme } from '@visactor/vchart-types'; + +const axisRadius: IPolarAxisCommonTheme = { + domainLine: {}, + grid: { + smooth: false, + visible: true + }, + subGrid: { + smooth: false + } +}; + +const axisAngle: IPolarAxisCommonTheme = { + grid: { + visible: true, + smooth: false + }, + label: { + space: 4 + } +}; + +export const axisPolar = { + axisRadius, + axisAngle +}; diff --git a/packages/vchart-theme/src/chart-hub/common/component/scroll-bar.ts b/packages/vchart-theme/src/chart-hub/common/component/scroll-bar.ts new file mode 100644 index 0000000..c92c07e --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/component/scroll-bar.ts @@ -0,0 +1,20 @@ +import type { IScrollBarTheme } from '@visactor/vchart'; + +export const scrollBar: IScrollBarTheme = { + horizontal: { + height: 12, + slider: { + style: { + fill: 'rgba(0,0,0,0.15)' + } + } + }, + vertical: { + width: 12, + slider: { + style: { + fill: 'rgba(0,0,0,0.15)' + } + } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/component/tooltip.ts b/packages/vchart-theme/src/chart-hub/common/component/tooltip.ts new file mode 100644 index 0000000..cf04faa --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/component/tooltip.ts @@ -0,0 +1,60 @@ +import type { ITooltipTheme } from '@visactor/vchart'; + +export const tooltip: ITooltipTheme = { + offset: { x: 16, y: 16 }, + panel: { + padding: { top: 12, left: 12, right: 12, bottom: 12 }, + backgroundColor: { + type: 'palette', + key: 'popupBackgroundColor' + } as any, + border: { + color: { + type: 'palette', + key: 'popupBackgroundColor' + } as any, + width: 0, + radius: 3 + }, + shadow: { + x: 0, + y: 0, + blur: 10, + spread: 0, + color: '#aeaeae' + } + }, + spaceRow: 12, + titleLabel: { + fontSize: 12, + lineHeight: 12, + fontColor: '#1D1D2E', + fontWeight: '500', + textAlign: 'left', + textBaseline: 'middle', + spacing: 0 + }, + shape: { size: 8, spacing: 8 }, + keyLabel: { + fontSize: 12, + lineHeight: 12, + fontColor: { + type: 'palette', + key: 'blackColors65' + } as any, + textAlign: 'left', + textBaseline: 'middle', + spacing: 12 + }, + valueLabel: { + fontSize: 12, + lineHeight: 12, + fontColor: { + type: 'palette', + key: 'blackColors65' + } as any, + fontWeight: 'normal', + textBaseline: 'middle', + spacing: 0 + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/mark.ts b/packages/vchart-theme/src/chart-hub/common/mark.ts new file mode 100644 index 0000000..13971f2 --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/mark.ts @@ -0,0 +1,11 @@ +import type { IGlobalMarkThemeByName } from '@visactor/vchart'; + +export const markByName: IGlobalMarkThemeByName = { + label: { + style: { + fontSize: 12, + fill: { type: 'palette', key: 'blackColors65' }, + lineWidth: 0 + } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/series/area.ts b/packages/vchart-theme/src/chart-hub/common/series/area.ts new file mode 100644 index 0000000..3e0bdce --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/series/area.ts @@ -0,0 +1,36 @@ +import type { ISeriesTheme, SeriesTypeEnum, SeriesTypeForThemeEnum } from '@visactor/vchart'; + +export const area: Pick< + ISeriesTheme, + SeriesTypeEnum.area | SeriesTypeForThemeEnum.area_vertical | SeriesTypeForThemeEnum.area_horizontal +> = { + area: { + point: { + style: { + visible: false, + size: 12, + lineWidth: 2, + shadowColor: 'rgba(0, 0, 0, 0.1)', + shadowBlur: 3, + stroke: { type: 'palette', key: 'whiteColors100' } + } + }, + line: { + style: { + curveType: 'monotone', + lineWidth: 2 + } + }, + area: { + style: { + fillOpacity: 0.25, + lineWidth: 2 + }, + state: { + selected: { + fillOpacity: 0.5 + } + } + } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/series/bar.ts b/packages/vchart-theme/src/chart-hub/common/series/bar.ts new file mode 100644 index 0000000..5be7e16 --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/series/bar.ts @@ -0,0 +1,39 @@ +import type { ISeriesTheme, SeriesTypeEnum, SeriesTypeForThemeEnum } from '@visactor/vchart'; + +const bar: ISeriesTheme['bar'] = { + barWidth: 8, + // @ts-ignore + barGapInGroup: 4, // FIXME: typeError + label: { + style: { + fill: { type: 'palette', key: 'secondaryFontColor' } + } + } +}; + +const bar_horizontal: ISeriesTheme['bar'] = { + // @ts-ignore + stackCornerRadius: [0, 1, 1, 0], // FIXME: typeError + label: { + position: 'right', + offset: 4 + } +}; + +const bar_vertical: ISeriesTheme['bar'] = { + // @ts-ignore + stackCornerRadius: [1, 1, 0, 0], // FIXME: typeError + label: { + position: 'top', + offset: 4 + } +}; + +export const barTheme: Pick< + ISeriesTheme, + SeriesTypeEnum.bar | SeriesTypeForThemeEnum.bar_horizontal | SeriesTypeForThemeEnum.bar_vertical +> = { + bar, + bar_horizontal, + bar_vertical +}; diff --git a/packages/vchart-theme/src/chart-hub/common/series/funnel.ts b/packages/vchart-theme/src/chart-hub/common/series/funnel.ts new file mode 100644 index 0000000..a35ce0f --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/series/funnel.ts @@ -0,0 +1,30 @@ +import type { ISeriesTheme } from '@visactor/vchart'; + +export const funnel: ISeriesTheme['funnel'] = { + funnel: { + state: { + selected: { + fill: '#1966FF', + stroke: '#3958E0', + strokeOpacity: 0.2, + lineWidth: 4 + } + } + }, + outerLabel: { + style: { + fontSize: 12 + }, + line: { + style: { + lineWidth: 2 + } + } + }, + label: { + style: { + fill: { type: 'palette', key: 'whiteColors100' }, + fontSize: 12 + } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/series/gauge.ts b/packages/vchart-theme/src/chart-hub/common/series/gauge.ts new file mode 100644 index 0000000..0c02d3b --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/series/gauge.ts @@ -0,0 +1,28 @@ +import type { ISeriesTheme } from '@visactor/vchart'; + +export const gauge: ISeriesTheme = { + circularProgress: { + // FIXME: not work + // radius: 1, + // innerRadius: 0.1, + progress: { + style: { + cornerRadius: 100, + fill: { type: 'palette', key: 'bandColor' } + } + }, + track: { + interactive: false, + style: { + cornerRadius: 100, + fill: '#DCDEE1', + fillOpacity: 1 + } + } + }, + gaugePointer: { + pin: { visible: false }, + pinBackground: { visible: false }, + pointer: { visible: false } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/series/heatmap.ts b/packages/vchart-theme/src/chart-hub/common/series/heatmap.ts new file mode 100644 index 0000000..01aeb66 --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/series/heatmap.ts @@ -0,0 +1,23 @@ +import type { ISeriesTheme } from '@visactor/vchart'; + +export const heatmap: ISeriesTheme['heatmap'] = { + cell: { + style: { + stroke: { type: 'palette', key: 'whiteColors100' }, + lineWidth: 1 + }, + state: { + hover: { + zIndex: 100, + stroke: '#000' + } + } + }, + label: { + position: 'inside', + style: { + fill: { type: 'palette', key: 'whiteColors100' }, + fontSize: 12 + } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/series/line.ts b/packages/vchart-theme/src/chart-hub/common/series/line.ts new file mode 100644 index 0000000..29e11ec --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/series/line.ts @@ -0,0 +1,24 @@ +import type { ISeriesTheme } from '@visactor/vchart'; + +export const line: ISeriesTheme['line'] = { + line: { + style: { + lineWidth: 2, + curveType: 'monotone' + } + }, + point: { + style: { + visible: false, + size: 12, + lineWidth: 2, + shadowColor: 'rgba(0, 0, 0, 0.1)', + shadowBlur: 3, + stroke: { type: 'palette', key: 'whiteColors100' } + } + }, + label: { + position: 'top', + offset: 4 + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/series/pie.ts b/packages/vchart-theme/src/chart-hub/common/series/pie.ts new file mode 100644 index 0000000..70e0c87 --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/series/pie.ts @@ -0,0 +1,28 @@ +import type { ISeriesTheme } from '@visactor/vchart'; + +export const pie: ISeriesTheme['pie'] = { + outerRadius: 0.8, + innerRadius: 0.54, + pie: { + style: { + padAngle: 0, + stroke: '#fff', + lineWidth: 2 + }, + state: { + hover: { + lineWidth: 0 + }, + selected: { + lineWidth: 0 + } + } + }, + label: { + visible: true, + position: 'outside', + style: { + fill: null + } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/series/radar.ts b/packages/vchart-theme/src/chart-hub/common/series/radar.ts new file mode 100644 index 0000000..59be477 --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/series/radar.ts @@ -0,0 +1,26 @@ +import type { ISeriesTheme } from '@visactor/vchart'; + +export const radar: ISeriesTheme['radar'] = { + line: { + style: { + lineWidth: 1 + } + }, + point: { + style: { + visible: false, + size: 12, + lineWidth: 2, + shadowColor: 'rgba(0, 0, 0, 0.1)', + shadowBlur: 3, + stroke: { type: 'palette', key: 'whiteColors100' } + } + }, + area: { + visible: true + }, + label: { + position: 'top', + offset: 4 + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/series/scatter.ts b/packages/vchart-theme/src/chart-hub/common/series/scatter.ts new file mode 100644 index 0000000..c509aa8 --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/series/scatter.ts @@ -0,0 +1,16 @@ +import type { ISeriesTheme } from '@visactor/vchart'; + +export const scatter: ISeriesTheme['scatter'] = { + point: { + style: { + symbolType: 'circle', + fillOpacity: 0.35, + lineWidth: 1, + size: 8, + stroke: null + } + }, + label: { + position: 'top' + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/series/treemap.ts b/packages/vchart-theme/src/chart-hub/common/series/treemap.ts new file mode 100644 index 0000000..b423600 --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/series/treemap.ts @@ -0,0 +1,22 @@ +import type { ISeriesTheme } from '@visactor/vchart'; + +export const treemap: ISeriesTheme['treemap'] = { + gapWidth: 0, + leaf: { + style: { + lineWidth: 2, + stroke: { type: 'palette', key: 'whiteColors100' } + }, + state: { + hover: { + fillOpacity: 0.8, + lineWidth: 0 + } + } + }, + label: { + style: { + fill: { type: 'palette', key: 'whiteColors100' } + } + } +}; diff --git a/packages/vchart-theme/src/chart-hub/common/token.ts b/packages/vchart-theme/src/chart-hub/common/token.ts new file mode 100644 index 0000000..18fbd70 --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/common/token.ts @@ -0,0 +1,9 @@ +import type { BuiltinTokenMap } from '@visactor/vchart'; + +export const token: Partial = { + fontFamily: + // eslint-disable-next-line max-len + `"PingFang SC", "-apple-system", "Segoe UI", "Helvetica Neue", Arial, + Roboto, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`, + fontSize: 12 +}; diff --git a/packages/vchart-theme/src/chart-hub/index.ts b/packages/vchart-theme/src/chart-hub/index.ts new file mode 100644 index 0000000..9d9d5ba --- /dev/null +++ b/packages/vchart-theme/src/chart-hub/index.ts @@ -0,0 +1,60 @@ +import type { ITheme } from '@visactor/vchart'; +import { colorScheme } from './common/color-scheme'; +import { axis } from './common/component/axis'; +import { axisPolar } from './common/component/polar-axis'; + +import { legend } from './common/component/legend'; +import { token } from './common/token'; +import { tooltip } from './common/component/tooltip'; +import { crosshair } from './common/component/crosshair'; +import { area } from './common/series/area'; +import { barTheme as bar } from './common/series/bar'; +import { line } from './common/series/line'; +import { markByName } from './common/mark'; +import { scatter } from './common/series/scatter'; +import { pie } from './common/series/pie'; +import { indicator } from './common/component/indicator'; +import { funnel } from './common/series/funnel'; +import { treemap } from './common/series/treemap'; +import { gauge } from './common/series/gauge'; +import { heatmap } from './common/series/heatmap'; +import { markLine } from './common/component/mark-line'; +import { markArea } from './common/component/mark-area'; +import { markPoint } from './common/component/mark-point'; +import { dataZoom } from './common/component/data-zoom'; +import { scrollBar } from './common/component/scroll-bar'; +import { radar } from './common/series/radar'; + +export const chartHubLightTheme: ITheme = { + name: 'chartHubLight', + type: 'light', + description: 'light theme for ChartHub.', + colorScheme, + token, + component: { + ...axis, + ...legend, + ...axisPolar, + tooltip, + crosshair, + indicator, + markLine, + markArea, + markPoint, + dataZoom, + scrollBar + }, + series: { + ...area, + ...bar, + ...gauge, + line, + scatter, + pie, + funnel, + treemap, + heatmap, + radar + }, + markByName +}; diff --git a/packages/vchart-theme/src/index.ts b/packages/vchart-theme/src/index.ts index 85a175f..dad49b2 100644 --- a/packages/vchart-theme/src/index.ts +++ b/packages/vchart-theme/src/index.ts @@ -1,4 +1,5 @@ export * from './v-screen'; export * from './legacy'; export * from './mobile'; +export * from './chart-hub'; export * from './theme-map'; diff --git a/packages/vchart-theme/src/legacy/index.ts b/packages/vchart-theme/src/legacy/index.ts index 3f456d6..62a18b5 100644 --- a/packages/vchart-theme/src/legacy/index.ts +++ b/packages/vchart-theme/src/legacy/index.ts @@ -1,6 +1,6 @@ import { colorLegend } from './legend/color-legend'; import { sizeLegend } from './legend/size-legend'; -import type { ITheme } from '@visactor/vchart-types'; +import type { ITheme } from '@visactor/vchart'; export const legacyLightTheme: ITheme = { name: 'legacyLight', diff --git a/packages/vchart-theme/src/mobile/dark/index.ts b/packages/vchart-theme/src/mobile/dark/index.ts index ac8539b..a0e714b 100644 --- a/packages/vchart-theme/src/mobile/dark/index.ts +++ b/packages/vchart-theme/src/mobile/dark/index.ts @@ -1,4 +1,4 @@ -import type { ITheme } from '@visactor/vchart-types'; +import type { ITheme } from '@visactor/vchart'; import { component } from '../common/component'; import { markByName, markByType } from '../common/mark'; import { token } from '../common/constants'; diff --git a/packages/vchart-theme/src/mobile/light/index.ts b/packages/vchart-theme/src/mobile/light/index.ts index d37676e..63e7566 100644 --- a/packages/vchart-theme/src/mobile/light/index.ts +++ b/packages/vchart-theme/src/mobile/light/index.ts @@ -1,4 +1,4 @@ -import type { ITheme } from '@visactor/vchart-types'; +import type { ITheme } from '@visactor/vchart'; import { component } from '../common/component'; import { markByName, markByType } from '../common/mark'; import { token } from '../common/constants'; diff --git a/packages/vchart-theme/src/theme-map.ts b/packages/vchart-theme/src/theme-map.ts index 59bc716..8dbb356 100644 --- a/packages/vchart-theme/src/theme-map.ts +++ b/packages/vchart-theme/src/theme-map.ts @@ -1,7 +1,8 @@ -import type { ITheme } from '@visactor/vchart-types'; +import type { ITheme } from '@visactor/vchart'; import { vScreenThemeList } from './v-screen'; import { legacyDarkTheme, legacyLightTheme } from './legacy'; import { mobileDarkTheme, mobileLightTheme } from './mobile'; +import { chartHubLightTheme } from './chart-hub'; export const allThemeMap = new Map([ // 移动端主题 @@ -11,6 +12,8 @@ export const allThemeMap = new Map([ [legacyLightTheme.name, legacyLightTheme], [legacyDarkTheme.name, legacyDarkTheme], // 大屏主题 - ...([...vScreenThemeList].map(theme => [theme.name, theme]) as [string, ITheme][]) + ...([...vScreenThemeList].map(theme => [theme.name, theme]) as [string, ITheme][]), + // ChartHub 主题 + [chartHubLightTheme.name, chartHubLightTheme] // new theme here ]) as Map; diff --git a/packages/vchart-theme/src/v-screen/common/index.ts b/packages/vchart-theme/src/v-screen/common/index.ts index 37dbd29..29c1a4b 100644 --- a/packages/vchart-theme/src/v-screen/common/index.ts +++ b/packages/vchart-theme/src/v-screen/common/index.ts @@ -1,4 +1,4 @@ -import type { ITheme } from '@visactor/vchart-types'; +import type { ITheme } from '@visactor/vchart'; import { markByName } from './mark'; import { axis } from './component/axis'; import { crosshair } from './component/crosshair'; @@ -13,6 +13,7 @@ export const getVScreenCommonTheme = (name: string, description: string, dataSch type: 'dark', colorScheme: getColorScheme(dataScheme), markByName, + // @ts-ignore series: { ...bar, ...area diff --git a/packages/vchart-tt-platform-theme/CHANGELOG.json b/packages/vchart-tt-platform-theme/CHANGELOG.json index f8ff3d1..6262c05 100644 --- a/packages/vchart-tt-platform-theme/CHANGELOG.json +++ b/packages/vchart-tt-platform-theme/CHANGELOG.json @@ -1,6 +1,12 @@ { "name": "@visactor/vchart-tt-platform-theme", "entries": [ + { + "version": "1.11.1", + "tag": "@visactor/vchart-tt-platform-theme_v1.11.1", + "date": "Tue, 11 Jun 2024 12:08:57 GMT", + "comments": {} + }, { "version": "1.11.0", "tag": "@visactor/vchart-tt-platform-theme_v1.11.0", diff --git a/packages/vchart-tt-platform-theme/CHANGELOG.md b/packages/vchart-tt-platform-theme/CHANGELOG.md index b46a140..9addf65 100644 --- a/packages/vchart-tt-platform-theme/CHANGELOG.md +++ b/packages/vchart-tt-platform-theme/CHANGELOG.md @@ -1,6 +1,11 @@ # Change Log - @visactor/vchart-tt-platform-theme -This log was last generated on Wed, 15 May 2024 04:09:02 GMT and should not be manually modified. +This log was last generated on Tue, 11 Jun 2024 12:08:57 GMT and should not be manually modified. + +## 1.11.1 +Tue, 11 Jun 2024 12:08:57 GMT + +_Version update only_ ## 1.11.0 Wed, 15 May 2024 04:09:02 GMT diff --git a/packages/vchart-tt-platform-theme/package.json b/packages/vchart-tt-platform-theme/package.json index a13f6de..79e1c29 100644 --- a/packages/vchart-tt-platform-theme/package.json +++ b/packages/vchart-tt-platform-theme/package.json @@ -1,6 +1,6 @@ { "name": "@visactor/vchart-tt-platform-theme", - "version": "1.11.0", + "version": "1.11.1", "description": "Extended themes for VChart", "sideEffects": false, "main": "cjs/index.js", @@ -28,8 +28,8 @@ "@visactor/vchart": ">=1.10.4" }, "dependencies": { - "@visactor/vchart-semi-theme": "workspace:1.11.0", - "@visactor/vchart-theme-utils": "workspace:1.11.0" + "@visactor/vchart-semi-theme": "workspace:1.11.1", + "@visactor/vchart-theme-utils": "workspace:1.11.1" }, "devDependencies": { "@esbuild-plugins/node-globals-polyfill": "0.1.1", diff --git a/packages/vchart-ve-o-theme/CHANGELOG.json b/packages/vchart-ve-o-theme/CHANGELOG.json index f813e8d..1826d86 100644 --- a/packages/vchart-ve-o-theme/CHANGELOG.json +++ b/packages/vchart-ve-o-theme/CHANGELOG.json @@ -1,6 +1,12 @@ { "name": "@visactor/vchart-ve-o-theme", "entries": [ + { + "version": "1.11.1", + "tag": "@visactor/vchart-ve-o-theme_v1.11.1", + "date": "Tue, 11 Jun 2024 12:08:57 GMT", + "comments": {} + }, { "version": "1.11.0", "tag": "@visactor/vchart-ve-o-theme_v1.11.0", diff --git a/packages/vchart-ve-o-theme/CHANGELOG.md b/packages/vchart-ve-o-theme/CHANGELOG.md index 481594e..005ccd6 100644 --- a/packages/vchart-ve-o-theme/CHANGELOG.md +++ b/packages/vchart-ve-o-theme/CHANGELOG.md @@ -1,6 +1,11 @@ # Change Log - @visactor/vchart-ve-o-theme -This log was last generated on Wed, 15 May 2024 04:09:02 GMT and should not be manually modified. +This log was last generated on Tue, 11 Jun 2024 12:08:57 GMT and should not be manually modified. + +## 1.11.1 +Tue, 11 Jun 2024 12:08:57 GMT + +_Version update only_ ## 1.11.0 Wed, 15 May 2024 04:09:02 GMT diff --git a/packages/vchart-ve-o-theme/package.json b/packages/vchart-ve-o-theme/package.json index 088fdb9..72111f8 100644 --- a/packages/vchart-ve-o-theme/package.json +++ b/packages/vchart-ve-o-theme/package.json @@ -1,6 +1,6 @@ { "name": "@visactor/vchart-ve-o-theme", - "version": "1.11.0", + "version": "1.11.1", "description": "Extended themes for VChart", "sideEffects": false, "main": "cjs/index.js", @@ -28,8 +28,8 @@ "@visactor/vchart": ">=1.10.4" }, "dependencies": { - "@visactor/vchart-arco-theme": "workspace:1.11.0", - "@visactor/vchart-theme-utils": "workspace:1.11.0" + "@visactor/vchart-arco-theme": "workspace:1.11.1", + "@visactor/vchart-theme-utils": "workspace:1.11.1" }, "devDependencies": { "@esbuild-plugins/node-globals-polyfill": "0.1.1", diff --git a/share/chart-demo/src/charts/treemap.ts b/share/chart-demo/src/charts/treemap.ts new file mode 100644 index 0000000..9653157 --- /dev/null +++ b/share/chart-demo/src/charts/treemap.ts @@ -0,0 +1,103 @@ +const spec = { + type: 'treemap', + data: [ + { + id: 'data', + values: [ + { + name: '分类 1', + value: 560 + }, + { + name: '分类 2', + value: 500 + }, + { + name: '分类 3', + value: 150 + }, + { + name: '分类 4', + value: 140 + }, + { + name: '分类 5', + value: 115 + }, + { + name: '分类 6', + value: 95 + }, + { + name: '分类 7', + value: 90 + }, + { + name: '分类 8', + value: 75 + }, + { + name: '分类 9', + value: 98 + }, + { + name: '分类 10', + value: 60 + }, + { + name: '分类 11', + value: 45 + }, + { + name: '分类 12', + value: 40 + }, + { + name: '分类 13', + value: 40 + }, + { + name: '分类 14', + value: 35 + }, + { + name: '分类 15', + value: 40 + }, + { + name: '分类 16', + value: 40 + }, + { + name: '分类 17', + value: 40 + }, + { + name: '分类 18', + value: 30 + }, + { + name: '分类 19', + value: 28 + }, + { + name: '分类 20', + value: 16 + } + ] + } + ], + categoryField: 'name', + valueField: 'value', + label: { + visible: true + }, + legends: { + visible: true + } +}; + +export default { + title: 'Treemap Chart', + spec +}; diff --git a/share/chart-demo/src/index.ts b/share/chart-demo/src/index.ts index 46d13fc..80b1a90 100644 --- a/share/chart-demo/src/index.ts +++ b/share/chart-demo/src/index.ts @@ -11,7 +11,8 @@ import markLine from './charts/mark-line'; import markPoint from './charts/mark-point'; import gauge from './charts/gauge'; import funnel from './charts/funnel'; +import treemap from './charts/treemap'; -export { area, column, pie, bar, rose, radar, scatter, heatmap, gauge, funnel, markArea, markLine, markPoint }; +export { area, column, pie, bar, rose, radar, scatter, heatmap, gauge, funnel, markArea, markLine, markPoint, treemap }; export * from './charts/interface';