@visactor/vchart-aurora-theme 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -0
- package/build/index.js +820 -0
- package/build/index.min.js +1 -0
- package/cjs/common/color-scheme.d.ts +2 -0
- package/cjs/common/color-scheme.js +45 -0
- package/cjs/common/color-scheme.js.map +1 -0
- package/cjs/common/component/axis.d.ts +2 -0
- package/cjs/common/component/axis.js +86 -0
- package/cjs/common/component/axis.js.map +1 -0
- package/cjs/common/component/crosshair.d.ts +2 -0
- package/cjs/common/component/crosshair.js +36 -0
- package/cjs/common/component/crosshair.js.map +1 -0
- package/cjs/common/component/data-zoom.d.ts +3 -0
- package/cjs/common/component/data-zoom.js +67 -0
- package/cjs/common/component/data-zoom.js.map +1 -0
- package/cjs/common/component/indicator.d.ts +2 -0
- package/cjs/common/component/indicator.js +23 -0
- package/cjs/common/component/indicator.js.map +1 -0
- package/cjs/common/component/legend.d.ts +2 -0
- package/cjs/common/component/legend.js +144 -0
- package/cjs/common/component/legend.js.map +1 -0
- package/cjs/common/component/mark-area.d.ts +2 -0
- package/cjs/common/component/mark-area.js +31 -0
- package/cjs/common/component/mark-area.js.map +1 -0
- package/cjs/common/component/mark-line.d.ts +2 -0
- package/cjs/common/component/mark-line.js +41 -0
- package/cjs/common/component/mark-line.js.map +1 -0
- package/cjs/common/component/mark-point.d.ts +2 -0
- package/cjs/common/component/mark-point.js +52 -0
- package/cjs/common/component/mark-point.js.map +1 -0
- package/cjs/common/component/polar-axis.d.ts +5 -0
- package/cjs/common/component/polar-axis.js +30 -0
- package/cjs/common/component/polar-axis.js.map +1 -0
- package/cjs/common/component/scroll-bar.d.ts +2 -0
- package/cjs/common/component/scroll-bar.js +23 -0
- package/cjs/common/component/scroll-bar.js.map +1 -0
- package/cjs/common/component/tooltip.d.ts +2 -0
- package/cjs/common/component/tooltip.js +74 -0
- package/cjs/common/component/tooltip.js.map +1 -0
- package/cjs/common/mark.d.ts +2 -0
- package/cjs/common/mark.js +17 -0
- package/cjs/common/mark.js.map +1 -0
- package/cjs/common/series/area.d.ts +2 -0
- package/cjs/common/series/area.js +39 -0
- package/cjs/common/series/area.js.map +1 -0
- package/cjs/common/series/bar.d.ts +2 -0
- package/cjs/common/series/bar.js +36 -0
- package/cjs/common/series/bar.js.map +1 -0
- package/cjs/common/series/funnel.d.ts +2 -0
- package/cjs/common/series/funnel.js +36 -0
- package/cjs/common/series/funnel.js.map +1 -0
- package/cjs/common/series/gauge.d.ts +2 -0
- package/cjs/common/series/gauge.js +33 -0
- package/cjs/common/series/gauge.js.map +1 -0
- package/cjs/common/series/heatmap.d.ts +2 -0
- package/cjs/common/series/heatmap.js +32 -0
- package/cjs/common/series/heatmap.js.map +1 -0
- package/cjs/common/series/line.d.ts +2 -0
- package/cjs/common/series/line.js +30 -0
- package/cjs/common/series/line.js.map +1 -0
- package/cjs/common/series/pie.d.ts +2 -0
- package/cjs/common/series/pie.js +31 -0
- package/cjs/common/series/pie.js.map +1 -0
- package/cjs/common/series/radar.d.ts +2 -0
- package/cjs/common/series/radar.js +32 -0
- package/cjs/common/series/radar.js.map +1 -0
- package/cjs/common/series/scatter.d.ts +2 -0
- package/cjs/common/series/scatter.js +19 -0
- package/cjs/common/series/scatter.js.map +1 -0
- package/cjs/common/series/treemap.d.ts +2 -0
- package/cjs/common/series/treemap.js +31 -0
- package/cjs/common/series/treemap.js.map +1 -0
- package/cjs/common/token.d.ts +2 -0
- package/cjs/common/token.js +9 -0
- package/cjs/common/token.js.map +1 -0
- package/cjs/index.d.ts +3 -0
- package/cjs/index.js +35 -0
- package/cjs/index.js.map +1 -0
- package/esm/common/color-scheme.d.ts +2 -0
- package/esm/common/color-scheme.js +39 -0
- package/esm/common/color-scheme.js.map +1 -0
- package/esm/common/component/axis.d.ts +2 -0
- package/esm/common/component/axis.js +82 -0
- package/esm/common/component/axis.js.map +1 -0
- package/esm/common/component/crosshair.d.ts +2 -0
- package/esm/common/component/crosshair.js +32 -0
- package/esm/common/component/crosshair.js.map +1 -0
- package/esm/common/component/data-zoom.d.ts +3 -0
- package/esm/common/component/data-zoom.js +65 -0
- package/esm/common/component/data-zoom.js.map +1 -0
- package/esm/common/component/indicator.d.ts +2 -0
- package/esm/common/component/indicator.js +19 -0
- package/esm/common/component/indicator.js.map +1 -0
- package/esm/common/component/legend.d.ts +2 -0
- package/esm/common/component/legend.js +138 -0
- package/esm/common/component/legend.js.map +1 -0
- package/esm/common/component/mark-area.d.ts +2 -0
- package/esm/common/component/mark-area.js +27 -0
- package/esm/common/component/mark-area.js.map +1 -0
- package/esm/common/component/mark-line.d.ts +2 -0
- package/esm/common/component/mark-line.js +37 -0
- package/esm/common/component/mark-line.js.map +1 -0
- package/esm/common/component/mark-point.d.ts +2 -0
- package/esm/common/component/mark-point.js +48 -0
- package/esm/common/component/mark-point.js.map +1 -0
- package/esm/common/component/polar-axis.d.ts +5 -0
- package/esm/common/component/polar-axis.js +24 -0
- package/esm/common/component/polar-axis.js.map +1 -0
- package/esm/common/component/scroll-bar.d.ts +2 -0
- package/esm/common/component/scroll-bar.js +19 -0
- package/esm/common/component/scroll-bar.js.map +1 -0
- package/esm/common/component/tooltip.d.ts +2 -0
- package/esm/common/component/tooltip.js +70 -0
- package/esm/common/component/tooltip.js.map +1 -0
- package/esm/common/mark.d.ts +2 -0
- package/esm/common/mark.js +13 -0
- package/esm/common/mark.js.map +1 -0
- package/esm/common/series/area.d.ts +2 -0
- package/esm/common/series/area.js +35 -0
- package/esm/common/series/area.js.map +1 -0
- package/esm/common/series/bar.d.ts +2 -0
- package/esm/common/series/bar.js +30 -0
- package/esm/common/series/bar.js.map +1 -0
- package/esm/common/series/funnel.d.ts +2 -0
- package/esm/common/series/funnel.js +32 -0
- package/esm/common/series/funnel.js.map +1 -0
- package/esm/common/series/gauge.d.ts +2 -0
- package/esm/common/series/gauge.js +29 -0
- package/esm/common/series/gauge.js.map +1 -0
- package/esm/common/series/heatmap.d.ts +2 -0
- package/esm/common/series/heatmap.js +28 -0
- package/esm/common/series/heatmap.js.map +1 -0
- package/esm/common/series/line.d.ts +2 -0
- package/esm/common/series/line.js +26 -0
- package/esm/common/series/line.js.map +1 -0
- package/esm/common/series/pie.d.ts +2 -0
- package/esm/common/series/pie.js +27 -0
- package/esm/common/series/pie.js.map +1 -0
- package/esm/common/series/radar.d.ts +2 -0
- package/esm/common/series/radar.js +28 -0
- package/esm/common/series/radar.js.map +1 -0
- package/esm/common/series/scatter.d.ts +2 -0
- package/esm/common/series/scatter.js +15 -0
- package/esm/common/series/scatter.js.map +1 -0
- package/esm/common/series/treemap.d.ts +2 -0
- package/esm/common/series/treemap.js +27 -0
- package/esm/common/series/treemap.js.map +1 -0
- package/esm/common/token.d.ts +2 -0
- package/esm/common/token.js +5 -0
- package/esm/common/token.js.map +1 -0
- package/esm/index.d.ts +3 -0
- package/esm/index.js +77 -0
- package/esm/index.js.map +1 -0
- package/package.json +87 -0
- package/public/aurora.json +1 -0
package/cjs/index.js
ADDED
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: !0
|
|
5
|
+
}), exports.allThemeMap = exports.chartAuroraTheme = void 0;
|
|
6
|
+
|
|
7
|
+
const color_scheme_1 = require("./common/color-scheme"), axis_1 = require("./common/component/axis"), polar_axis_1 = require("./common/component/polar-axis"), legend_1 = require("./common/component/legend"), token_1 = require("./common/token"), tooltip_1 = require("./common/component/tooltip"), crosshair_1 = require("./common/component/crosshair"), area_1 = require("./common/series/area"), bar_1 = require("./common/series/bar"), line_1 = require("./common/series/line"), mark_1 = require("./common/mark"), scatter_1 = require("./common/series/scatter"), pie_1 = require("./common/series/pie"), indicator_1 = require("./common/component/indicator"), funnel_1 = require("./common/series/funnel"), treemap_1 = require("./common/series/treemap"), gauge_1 = require("./common/series/gauge"), heatmap_1 = require("./common/series/heatmap"), mark_line_1 = require("./common/component/mark-line"), mark_area_1 = require("./common/component/mark-area"), mark_point_1 = require("./common/component/mark-point"), data_zoom_1 = require("./common/component/data-zoom"), scroll_bar_1 = require("./common/component/scroll-bar"), radar_1 = require("./common/series/radar");
|
|
8
|
+
|
|
9
|
+
exports.chartAuroraTheme = {
|
|
10
|
+
name: "aurora",
|
|
11
|
+
type: "light",
|
|
12
|
+
description: "light theme for ChartHub.",
|
|
13
|
+
colorScheme: color_scheme_1.colorScheme,
|
|
14
|
+
token: token_1.token,
|
|
15
|
+
component: Object.assign(Object.assign(Object.assign(Object.assign({}, axis_1.axis), legend_1.legend), polar_axis_1.axisPolar), {
|
|
16
|
+
tooltip: tooltip_1.tooltip,
|
|
17
|
+
crosshair: crosshair_1.crosshair,
|
|
18
|
+
indicator: indicator_1.indicator,
|
|
19
|
+
markLine: mark_line_1.markLine,
|
|
20
|
+
markArea: mark_area_1.markArea,
|
|
21
|
+
markPoint: mark_point_1.markPoint,
|
|
22
|
+
dataZoom: data_zoom_1.dataZoom,
|
|
23
|
+
scrollBar: scroll_bar_1.scrollBar
|
|
24
|
+
}),
|
|
25
|
+
series: Object.assign(Object.assign(Object.assign(Object.assign({}, area_1.area), bar_1.barTheme), gauge_1.gauge), {
|
|
26
|
+
line: line_1.line,
|
|
27
|
+
scatter: scatter_1.scatter,
|
|
28
|
+
pie: pie_1.pie,
|
|
29
|
+
funnel: funnel_1.funnel,
|
|
30
|
+
treemap: treemap_1.treemap,
|
|
31
|
+
heatmap: heatmap_1.heatmap,
|
|
32
|
+
radar: radar_1.radar
|
|
33
|
+
}),
|
|
34
|
+
markByName: mark_1.markByName
|
|
35
|
+
}, exports.allThemeMap = new Map([ [ exports.chartAuroraTheme.name, exports.chartAuroraTheme ] ]);
|
package/cjs/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;AACA,wDAAoD;AACpD,kDAA+C;AAC/C,8DAA0D;AAE1D,sDAAmD;AACnD,0CAAuC;AACvC,wDAAqD;AACrD,4DAAyD;AACzD,+CAA4C;AAC5C,6CAAsD;AACtD,+CAA4C;AAC5C,wCAA2C;AAC3C,qDAAkD;AAClD,6CAA0C;AAC1C,4DAAyD;AACzD,mDAAgD;AAChD,qDAAkD;AAClD,iDAA8C;AAC9C,qDAAkD;AAClD,4DAAwD;AACxD,4DAAwD;AACxD,8DAA0D;AAC1D,4DAAwD;AACxD,8DAA0D;AAC1D,iDAA8C;AAEjC,QAAA,gBAAgB,GAAW;IACtC,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;IACb,WAAW,EAAE,2BAA2B;IACxC,WAAW,EAAX,0BAAW;IACX,KAAK,EAAL,aAAK;IACL,SAAS,8DACJ,WAAI,GACJ,eAAM,GACN,sBAAS,KACZ,OAAO,EAAP,iBAAO;QACP,SAAS,EAAT,qBAAS;QACT,SAAS,EAAT,qBAAS;QACT,QAAQ,EAAR,oBAAQ;QACR,QAAQ,EAAR,oBAAQ;QACR,SAAS,EAAT,sBAAS;QACT,QAAQ,EAAR,oBAAQ;QACR,SAAS,EAAT,sBAAS,GACV;IACD,MAAM,8DACD,WAAI,GACJ,cAAG,GACH,aAAK,KACR,IAAI,EAAJ,WAAI;QACJ,OAAO,EAAP,iBAAO;QACP,GAAG,EAAH,SAAG;QACH,MAAM,EAAN,eAAM;QACN,OAAO,EAAP,iBAAO;QACP,OAAO,EAAP,iBAAO;QACP,KAAK,EAAL,aAAK,GACN;IACD,UAAU,EAAV,iBAAU;CACX,CAAC;AAEW,QAAA,WAAW,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,EAAE,wBAAgB,CAAC,CAAC,CAAwB,CAAC","file":"index.js","sourcesContent":["import type { ITheme } from '@visactor/vchart';\nimport { colorScheme } from './common/color-scheme';\nimport { axis } from './common/component/axis';\nimport { axisPolar } from './common/component/polar-axis';\n\nimport { legend } from './common/component/legend';\nimport { token } from './common/token';\nimport { tooltip } from './common/component/tooltip';\nimport { crosshair } from './common/component/crosshair';\nimport { area } from './common/series/area';\nimport { barTheme as bar } from './common/series/bar';\nimport { line } from './common/series/line';\nimport { markByName } from './common/mark';\nimport { scatter } from './common/series/scatter';\nimport { pie } from './common/series/pie';\nimport { indicator } from './common/component/indicator';\nimport { funnel } from './common/series/funnel';\nimport { treemap } from './common/series/treemap';\nimport { gauge } from './common/series/gauge';\nimport { heatmap } from './common/series/heatmap';\nimport { markLine } from './common/component/mark-line';\nimport { markArea } from './common/component/mark-area';\nimport { markPoint } from './common/component/mark-point';\nimport { dataZoom } from './common/component/data-zoom';\nimport { scrollBar } from './common/component/scroll-bar';\nimport { radar } from './common/series/radar';\n\nexport const chartAuroraTheme: ITheme = {\n name: 'aurora',\n type: 'light',\n description: 'light theme for ChartHub.',\n colorScheme,\n token,\n component: {\n ...axis,\n ...legend,\n ...axisPolar,\n tooltip,\n crosshair,\n indicator,\n markLine,\n markArea,\n markPoint,\n dataZoom,\n scrollBar\n },\n series: {\n ...area,\n ...bar,\n ...gauge,\n line,\n scatter,\n pie,\n funnel,\n treemap,\n heatmap,\n radar\n },\n markByName\n};\n\nexport const allThemeMap = new Map([[chartAuroraTheme.name, chartAuroraTheme]]) as Map<string, ITheme>;\n"]}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
const defaultColor = [ "#1443FF", "#33CCB2", "#FFD500", "#FFAA33", "#FF7733", "#F65656", "#E93DBD", "#9933FF", "#5533FF", "#A3ABC2" ], BLACK_COLORS = {
|
|
2
|
+
100: "#000",
|
|
3
|
+
95: "#0D0D0D",
|
|
4
|
+
85: "#262626",
|
|
5
|
+
65: "#595959",
|
|
6
|
+
45: "#8C8C8C",
|
|
7
|
+
25: "#BFBFBF",
|
|
8
|
+
15: "#D9D9D9",
|
|
9
|
+
6: "#F0F0F0"
|
|
10
|
+
}, WHITE_COLORS = {
|
|
11
|
+
100: "#FFFFFF",
|
|
12
|
+
95: "#F2F2F2",
|
|
13
|
+
85: "#D9D9D9",
|
|
14
|
+
65: "#A6A6A6",
|
|
15
|
+
45: "#737373",
|
|
16
|
+
25: "#404040",
|
|
17
|
+
15: "#262626",
|
|
18
|
+
6: "#0F0F0F"
|
|
19
|
+
}, blackColorPalettes = {};
|
|
20
|
+
|
|
21
|
+
for (const key in BLACK_COLORS) blackColorPalettes[`blackColors${key}`] = BLACK_COLORS[key];
|
|
22
|
+
|
|
23
|
+
const whiteColorPalettes = {};
|
|
24
|
+
|
|
25
|
+
for (const key in WHITE_COLORS) whiteColorPalettes[`whiteColors${key}`] = WHITE_COLORS[key];
|
|
26
|
+
|
|
27
|
+
export const colorScheme = {
|
|
28
|
+
default: {
|
|
29
|
+
dataScheme: defaultColor,
|
|
30
|
+
palette: Object.assign(Object.assign({
|
|
31
|
+
bandColor: defaultColor[0],
|
|
32
|
+
backgroundColor: "transparent",
|
|
33
|
+
axisDomainColor: "#DCDEE1",
|
|
34
|
+
axisLabelFontColor: "#909199",
|
|
35
|
+
axisGridColor: "#E1E2E5"
|
|
36
|
+
}, blackColorPalettes), whiteColorPalettes)
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
//# sourceMappingURL=color-scheme.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/common/color-scheme.ts"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAAG;IAEnB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACV,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,GAAG,EAAE,MAAM;IACX,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,CAAC,EAAE,SAAS;CACb,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,GAAG,EAAE,SAAS;IACd,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,EAAE,EAAE,SAAS;IACb,CAAC,EAAE,SAAS;CACb,CAAC;AAEF,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE;IAC9B,kBAAkB,CAAC,cAAc,GAAG,EAAE,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;CAC7D;AAED,MAAM,kBAAkB,GAAG,EAAE,CAAC;AAC9B,KAAK,MAAM,GAAG,IAAI,YAAY,EAAE;IAC9B,kBAAkB,CAAC,cAAc,GAAG,EAAE,CAAC,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;CAC7D;AAED,MAAM,CAAC,MAAM,WAAW,GAAsB;IAC5C,OAAO,EAAE;QACP,UAAU,EAAE,YAAY;QACxB,OAAO,EAAE,8BACP,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,EAG1B,eAAe,EAAE,aAAa,EAG9B,eAAe,EAAE,SAAS,EAE1B,kBAAkB,EAAE,SAAS,EAE7B,aAAa,EAAE,SAAS,IAErB,kBAAkB,GAClB,kBAAkB,CACU;KAClC;CACF,CAAC","file":"color-scheme.js","sourcesContent":["import type { BuiltinColorPalette, IThemeColorScheme } from '@visactor/vchart';\n\nconst defaultColor = [\n // 定义分类主题色\n '#1443FF',\n '#33CCB2',\n '#FFD500',\n '#FFAA33',\n '#FF7733',\n '#F65656',\n '#E93DBD',\n '#9933FF',\n '#5533FF',\n '#A3ABC2'\n];\n\nconst BLACK_COLORS = {\n 100: '#000',\n 95: '#0D0D0D',\n 85: '#262626',\n 65: '#595959',\n 45: '#8C8C8C',\n 25: '#BFBFBF',\n 15: '#D9D9D9',\n 6: '#F0F0F0'\n};\n\nconst WHITE_COLORS = {\n 100: '#FFFFFF',\n 95: '#F2F2F2',\n 85: '#D9D9D9',\n 65: '#A6A6A6',\n 45: '#737373',\n 25: '#404040',\n 15: '#262626',\n 6: '#0F0F0F'\n};\n\nconst blackColorPalettes = {};\nfor (const key in BLACK_COLORS) {\n blackColorPalettes[`blackColors${key}`] = BLACK_COLORS[key];\n}\n\nconst whiteColorPalettes = {};\nfor (const key in WHITE_COLORS) {\n whiteColorPalettes[`whiteColors${key}`] = WHITE_COLORS[key];\n}\n\nexport const colorScheme: IThemeColorScheme = {\n default: {\n dataScheme: defaultColor,\n palette: {\n bandColor: defaultColor[0],\n\n /** 背景色 */\n backgroundColor: 'transparent',\n\n /** 轴线颜色 */\n axisDomainColor: '#DCDEE1',\n /** 轴标签字色 */\n axisLabelFontColor: '#909199',\n /** 轴网格线颜色 */\n axisGridColor: '#E1E2E5',\n\n ...blackColorPalettes,\n ...whiteColorPalettes\n } as Partial<BuiltinColorPalette>\n }\n};\n"]}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
export const axis = {
|
|
2
|
+
axis: {
|
|
3
|
+
domainLine: {
|
|
4
|
+
visible: !0,
|
|
5
|
+
style: {
|
|
6
|
+
lineWidth: 1,
|
|
7
|
+
stroke: {
|
|
8
|
+
type: "palette",
|
|
9
|
+
key: "axisDomainColor"
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
grid: {
|
|
14
|
+
visible: !0,
|
|
15
|
+
style: {
|
|
16
|
+
lineWidth: 1,
|
|
17
|
+
stroke: {
|
|
18
|
+
type: "palette",
|
|
19
|
+
key: "axisGridColor"
|
|
20
|
+
},
|
|
21
|
+
lineDash: [ 4, 4 ]
|
|
22
|
+
}
|
|
23
|
+
},
|
|
24
|
+
subGrid: {
|
|
25
|
+
visible: !1,
|
|
26
|
+
style: {
|
|
27
|
+
lineWidth: 1,
|
|
28
|
+
stroke: {
|
|
29
|
+
type: "palette",
|
|
30
|
+
key: "axisGridColor"
|
|
31
|
+
},
|
|
32
|
+
lineDash: [ 4, 4 ]
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
tick: {
|
|
36
|
+
visible: !0,
|
|
37
|
+
style: {
|
|
38
|
+
lineWidth: 1,
|
|
39
|
+
stroke: {
|
|
40
|
+
type: "palette",
|
|
41
|
+
key: "blackColors25"
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
subTick: {
|
|
46
|
+
visible: !1,
|
|
47
|
+
tickSize: 2,
|
|
48
|
+
style: {
|
|
49
|
+
lineWidth: 1,
|
|
50
|
+
stroke: {
|
|
51
|
+
type: "palette",
|
|
52
|
+
key: "blackColors15"
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
label: {
|
|
57
|
+
visible: !0,
|
|
58
|
+
space: 8,
|
|
59
|
+
style: {
|
|
60
|
+
fontSize: 12,
|
|
61
|
+
fill: {
|
|
62
|
+
type: "palette",
|
|
63
|
+
key: "blackColors45"
|
|
64
|
+
},
|
|
65
|
+
fontWeight: 400,
|
|
66
|
+
fillOpacity: 1
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
title: {
|
|
70
|
+
visible: !1,
|
|
71
|
+
style: {
|
|
72
|
+
fill: {
|
|
73
|
+
type: "palette",
|
|
74
|
+
key: "blackColors65"
|
|
75
|
+
},
|
|
76
|
+
fontSize: 12,
|
|
77
|
+
lineHeight: 12
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
//# sourceMappingURL=axis.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/common/component/axis.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,IAAI,GAGb;IACF,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB,EAAE;aACpD;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;gBACjD,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACjB;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,KAAK;YACd,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;gBACjD,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACjB;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;aAClD;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE,KAAK;YACd,QAAQ,EAAE,CAAC;YACX,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;aAClD;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE;gBACZ,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;gBAC/C,UAAU,EAAE,GAAG;gBACf,WAAW,EAAE,CAAC;aACf;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,KAAK,EAAE;gBACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;gBAC/C,QAAQ,EAAE,EAAE;gBACZ,UAAU,EAAE,EAAE;aACf;SACF;KACF;CACF,CAAC","file":"axis.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nexport const axis: Pick<\n IComponentTheme,\n 'axis' | 'axisAngle' | 'axisBand' | 'axisLinear' | 'axisRadius' | 'axisX' | 'axisY'\n> = {\n axis: {\n domainLine: {\n visible: true,\n style: {\n lineWidth: 1,\n stroke: { type: 'palette', key: 'axisDomainColor' }\n }\n },\n grid: {\n visible: true,\n style: {\n lineWidth: 1,\n stroke: { type: 'palette', key: 'axisGridColor' },\n lineDash: [4, 4]\n }\n },\n subGrid: {\n visible: false,\n style: {\n lineWidth: 1,\n stroke: { type: 'palette', key: 'axisGridColor' },\n lineDash: [4, 4]\n }\n },\n tick: {\n visible: true,\n style: {\n lineWidth: 1,\n stroke: { type: 'palette', key: 'blackColors25' }\n }\n },\n subTick: {\n visible: false,\n tickSize: 2,\n style: {\n lineWidth: 1,\n stroke: { type: 'palette', key: 'blackColors15' }\n }\n },\n label: {\n visible: true,\n space: 8,\n style: {\n fontSize: 12,\n fill: { type: 'palette', key: 'blackColors45' },\n fontWeight: 400,\n fillOpacity: 1\n }\n },\n title: {\n visible: false,\n style: {\n fill: { type: 'palette', key: 'blackColors65' },\n fontSize: 12,\n lineHeight: 12\n }\n }\n }\n};\n"]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export const crosshair = {
|
|
2
|
+
trigger: "hover",
|
|
3
|
+
bandField: {
|
|
4
|
+
line: {
|
|
5
|
+
type: "rect",
|
|
6
|
+
visible: !0,
|
|
7
|
+
style: {
|
|
8
|
+
fill: "#CCD7EB",
|
|
9
|
+
fillOpacity: .4,
|
|
10
|
+
lineDash: []
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
label: {
|
|
14
|
+
visible: !1
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
linearField: {
|
|
18
|
+
visible: !1,
|
|
19
|
+
line: {
|
|
20
|
+
type: "line",
|
|
21
|
+
style: {
|
|
22
|
+
stroke: "#CCD7EB",
|
|
23
|
+
lineWidth: .4,
|
|
24
|
+
lineDash: []
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
label: {
|
|
28
|
+
visible: !1
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=crosshair.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/common/component/crosshair.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAoB;IACxC,OAAO,EAAE,OAAO;IAChB,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,SAAS;gBACf,WAAW,EAAE,GAAG;gBAChB,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;KACF;IACD,WAAW,EAAE;QACX,OAAO,EAAE,KAAK;QACd,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,SAAS,EAAE,GAAG;gBACd,QAAQ,EAAE,EAAE;aACb;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;KACF;CACF,CAAC","file":"crosshair.js","sourcesContent":["import type { ICrosshairTheme } from '@visactor/vchart';\n\nexport const crosshair: ICrosshairTheme = {\n trigger: 'hover',\n bandField: {\n line: {\n type: 'rect',\n visible: true,\n style: {\n fill: '#CCD7EB',\n fillOpacity: 0.4,\n lineDash: []\n }\n },\n label: {\n visible: false\n }\n },\n linearField: {\n visible: false,\n line: {\n type: 'line',\n style: {\n stroke: '#CCD7EB',\n lineWidth: 0.4,\n lineDash: []\n }\n },\n label: {\n visible: false\n }\n }\n};\n"]}
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
export const dataZoomCommon = {
|
|
2
|
+
middleHandler: {
|
|
3
|
+
visible: !1
|
|
4
|
+
},
|
|
5
|
+
startHandler: {
|
|
6
|
+
style: {
|
|
7
|
+
size: 22
|
|
8
|
+
}
|
|
9
|
+
},
|
|
10
|
+
selectedBackground: {
|
|
11
|
+
style: {
|
|
12
|
+
fill: "#6699FF",
|
|
13
|
+
fillOpacity: .2,
|
|
14
|
+
opacity: 1,
|
|
15
|
+
stroke: "#6699FF",
|
|
16
|
+
lineWidth: 2,
|
|
17
|
+
cornerRadius: 4
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
background: {
|
|
21
|
+
style: {
|
|
22
|
+
fill: "#F3F4F6",
|
|
23
|
+
fillOpacity: .2,
|
|
24
|
+
cornerRadius: 4,
|
|
25
|
+
stroke: "#EDEEF0",
|
|
26
|
+
opacity: 1,
|
|
27
|
+
lineWidth: 2
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
endHandler: {
|
|
31
|
+
style: {
|
|
32
|
+
size: 22
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
backgroundChart: {
|
|
36
|
+
area: {
|
|
37
|
+
style: {
|
|
38
|
+
fill: !1,
|
|
39
|
+
stroke: "#6699FF"
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
line: {
|
|
43
|
+
style: {
|
|
44
|
+
fill: !1,
|
|
45
|
+
stroke: "#6699FF"
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
startText: {
|
|
50
|
+
visible: !1
|
|
51
|
+
},
|
|
52
|
+
endText: {
|
|
53
|
+
visible: !1
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
export const dataZoom = {
|
|
58
|
+
horizontal: Object.assign(Object.assign({}, dataZoomCommon), {
|
|
59
|
+
height: 44
|
|
60
|
+
}),
|
|
61
|
+
vertical: Object.assign(Object.assign({}, dataZoomCommon), {
|
|
62
|
+
width: 44
|
|
63
|
+
})
|
|
64
|
+
};
|
|
65
|
+
//# sourceMappingURL=data-zoom.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/common/component/data-zoom.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAmB;IAC5C,aAAa,EAAE;QACb,OAAO,EAAE,KAAK;KACf;IACD,YAAY,EAAE;QACZ,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;SACT;KACF;IACD,kBAAkB,EAAE;QAClB,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,GAAG;YAChB,OAAO,EAAE,CAAC;YACV,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,CAAC;YACZ,YAAY,EAAE,CAAC;SAChB;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,WAAW,EAAE,GAAG;YAChB,YAAY,EAAE,CAAC;YACf,MAAM,EAAE,SAAS;YACjB,OAAO,EAAE,CAAC;YACV,SAAS,EAAE,CAAC;SACb;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,IAAI,EAAE,EAAE;SACT;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;gBACX,MAAM,EAAE,SAAS;aAClB;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,IAAI,EAAE,KAAK;gBACX,MAAM,EAAE,SAAS;aAClB;SACF;KACF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,KAAK;KACf;IACD,OAAO,EAAE;QACP,OAAO,EAAE,KAAK;KACf;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAmB;IACtC,UAAU,kCACL,cAAc,KACjB,MAAM,EAAE,EAAE,GACX;IACD,QAAQ,kCACH,cAAc,KACjB,KAAK,EAAE,EAAE,GACV;CACF,CAAC","file":"data-zoom.js","sourcesContent":["import type { IDataZoomTheme } from '@visactor/vchart';\n\nexport const dataZoomCommon: IDataZoomTheme = {\n middleHandler: {\n visible: false\n },\n startHandler: {\n style: {\n size: 22\n }\n },\n selectedBackground: {\n style: {\n fill: '#6699FF',\n fillOpacity: 0.2,\n opacity: 1,\n stroke: '#6699FF',\n lineWidth: 2,\n cornerRadius: 4\n }\n },\n background: {\n style: {\n fill: '#F3F4F6',\n fillOpacity: 0.2,\n cornerRadius: 4,\n stroke: '#EDEEF0',\n opacity: 1,\n lineWidth: 2\n }\n },\n endHandler: {\n style: {\n size: 22\n }\n },\n backgroundChart: {\n area: {\n style: {\n fill: false,\n stroke: '#6699FF'\n }\n },\n line: {\n style: {\n fill: false,\n stroke: '#6699FF'\n }\n }\n },\n startText: {\n visible: false\n },\n endText: {\n visible: false\n }\n};\n\nexport const dataZoom: IDataZoomTheme = {\n horizontal: {\n ...dataZoomCommon,\n height: 44\n },\n vertical: {\n ...dataZoomCommon,\n width: 44\n }\n};\n"]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export const indicator = {
|
|
2
|
+
title: {
|
|
3
|
+
visible: !0,
|
|
4
|
+
style: {
|
|
5
|
+
fill: "#12141A",
|
|
6
|
+
fontWeight: 500,
|
|
7
|
+
fontSize: 16
|
|
8
|
+
}
|
|
9
|
+
},
|
|
10
|
+
content: {
|
|
11
|
+
visible: !0,
|
|
12
|
+
style: {
|
|
13
|
+
fill: "#85878A",
|
|
14
|
+
fontWeight: 400,
|
|
15
|
+
fontSize: 12
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=indicator.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/common/component/indicator.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAoB;IACxC,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE,EAAE;SACb;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,IAAI,EAAE,SAAS;YACf,UAAU,EAAE,GAAG;YACf,QAAQ,EAAE,EAAE;SACb;KACF;CACF,CAAC","file":"indicator.js","sourcesContent":["import type { IIndicatorTheme } from '@visactor/vchart';\n\nexport const indicator: IIndicatorTheme = {\n title: {\n visible: true,\n style: {\n fill: '#12141A',\n fontWeight: 500,\n fontSize: 16\n }\n },\n content: {\n visible: true,\n style: {\n fill: '#85878A',\n fontWeight: 400,\n fontSize: 12\n }\n }\n};\n"]}
|
|
@@ -0,0 +1,138 @@
|
|
|
1
|
+
const commonColorLegendTheme = {
|
|
2
|
+
handlerText: {
|
|
3
|
+
space: 10,
|
|
4
|
+
style: {
|
|
5
|
+
fontSize: 12,
|
|
6
|
+
fill: "#2C3542"
|
|
7
|
+
}
|
|
8
|
+
},
|
|
9
|
+
title: {
|
|
10
|
+
space: 5,
|
|
11
|
+
style: {
|
|
12
|
+
fontSize: 12,
|
|
13
|
+
fill: "#2C3542"
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
export const legend = {
|
|
19
|
+
discreteLegend: {
|
|
20
|
+
visible: !0,
|
|
21
|
+
orient: "top",
|
|
22
|
+
padding: [ 8, 8, 8, 8 ],
|
|
23
|
+
maxRow: 1,
|
|
24
|
+
title: {
|
|
25
|
+
visible: !1,
|
|
26
|
+
textStyle: {
|
|
27
|
+
fill: {
|
|
28
|
+
type: "palette",
|
|
29
|
+
key: "blackColors45"
|
|
30
|
+
},
|
|
31
|
+
fontSize: 12,
|
|
32
|
+
lineHeight: 21
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
item: {
|
|
36
|
+
visible: !0,
|
|
37
|
+
spaceCol: 24,
|
|
38
|
+
spaceRow: 12,
|
|
39
|
+
padding: 0,
|
|
40
|
+
background: {
|
|
41
|
+
visible: !1
|
|
42
|
+
},
|
|
43
|
+
shape: {
|
|
44
|
+
space: 4,
|
|
45
|
+
style: {
|
|
46
|
+
size: 8,
|
|
47
|
+
symbolType: "circle"
|
|
48
|
+
},
|
|
49
|
+
state: {
|
|
50
|
+
unSelected: {
|
|
51
|
+
fill: "#D8D8D8"
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
label: {
|
|
56
|
+
space: 100,
|
|
57
|
+
style: {
|
|
58
|
+
fill: "#85878A",
|
|
59
|
+
fontSize: 12,
|
|
60
|
+
lineHeight: 12,
|
|
61
|
+
opacity: 1,
|
|
62
|
+
fontWeight: 400
|
|
63
|
+
},
|
|
64
|
+
state: {
|
|
65
|
+
unSelected: {
|
|
66
|
+
fill: "#D8D8D8",
|
|
67
|
+
opacity: 1
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
pager: {
|
|
73
|
+
handler: {
|
|
74
|
+
space: 8,
|
|
75
|
+
style: {
|
|
76
|
+
size: 10,
|
|
77
|
+
fill: {
|
|
78
|
+
type: "palette",
|
|
79
|
+
key: "blackColors100"
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
textStyle: {
|
|
84
|
+
fill: {
|
|
85
|
+
type: "palette",
|
|
86
|
+
key: "blackColors45"
|
|
87
|
+
},
|
|
88
|
+
fontSize: 10
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
allowAllCanceled: !1
|
|
92
|
+
},
|
|
93
|
+
colorLegend: {
|
|
94
|
+
horizontal: Object.assign(Object.assign({}, commonColorLegendTheme), {
|
|
95
|
+
handler: {
|
|
96
|
+
style: {
|
|
97
|
+
symbolType: "rectRound",
|
|
98
|
+
size: 16,
|
|
99
|
+
scaleX: .5,
|
|
100
|
+
fill: "#fff",
|
|
101
|
+
lineWidth: 1,
|
|
102
|
+
stroke: "#99B0F3",
|
|
103
|
+
radius: 2,
|
|
104
|
+
outerBorder: null
|
|
105
|
+
}
|
|
106
|
+
},
|
|
107
|
+
rail: {
|
|
108
|
+
height: 4,
|
|
109
|
+
width: 100,
|
|
110
|
+
style: {
|
|
111
|
+
fill: "#DCDEE2"
|
|
112
|
+
}
|
|
113
|
+
}
|
|
114
|
+
}),
|
|
115
|
+
vertical: Object.assign(Object.assign({}, commonColorLegendTheme), {
|
|
116
|
+
handler: {
|
|
117
|
+
style: {
|
|
118
|
+
symbolType: "rectRound",
|
|
119
|
+
size: 16,
|
|
120
|
+
scaleY: .5,
|
|
121
|
+
fill: "#fff",
|
|
122
|
+
lineWidth: 1,
|
|
123
|
+
stroke: "#99B0F3",
|
|
124
|
+
radius: 2,
|
|
125
|
+
outerBorder: null
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
rail: {
|
|
129
|
+
width: 4,
|
|
130
|
+
height: 100,
|
|
131
|
+
style: {
|
|
132
|
+
fill: "#DCDEE2"
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
})
|
|
136
|
+
}
|
|
137
|
+
};
|
|
138
|
+
//# sourceMappingURL=legend.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/common/component/legend.ts"],"names":[],"mappings":"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","file":"legend.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nconst commonColorLegendTheme = {\n handlerText: {\n space: 10,\n style: {\n fontSize: 12,\n fill: '#2C3542'\n }\n },\n title: {\n space: 5,\n style: {\n fontSize: 12,\n fill: '#2C3542'\n }\n }\n};\n\nexport const legend: Partial<IComponentTheme> = {\n discreteLegend: {\n visible: true,\n orient: 'top',\n padding: [8, 8, 8, 8],\n maxRow: 1,\n title: {\n visible: false,\n textStyle: {\n fill: { type: 'palette', key: 'blackColors45' },\n fontSize: 12,\n lineHeight: 21\n }\n },\n item: {\n visible: true,\n spaceCol: 24,\n spaceRow: 12,\n padding: 0,\n background: {\n visible: false\n },\n shape: {\n space: 4,\n style: {\n size: 8,\n symbolType: 'circle'\n },\n state: { unSelected: { fill: '#D8D8D8' } }\n },\n label: {\n space: 100,\n style: {\n fill: '#85878A',\n fontSize: 12,\n lineHeight: 12,\n opacity: 1,\n fontWeight: 400\n },\n state: {\n unSelected: {\n fill: '#D8D8D8',\n opacity: 1\n }\n }\n }\n },\n pager: {\n handler: {\n space: 8,\n style: {\n size: 10,\n fill: {\n type: 'palette',\n key: 'blackColors100'\n }\n }\n },\n textStyle: {\n fill: { type: 'palette', key: 'blackColors45' },\n fontSize: 10\n }\n },\n allowAllCanceled: false\n },\n colorLegend: {\n horizontal: {\n ...commonColorLegendTheme,\n handler: {\n style: {\n symbolType: 'rectRound',\n size: 16,\n scaleX: 0.5,\n fill: '#fff',\n lineWidth: 1,\n stroke: '#99B0F3',\n radius: 2,\n outerBorder: null\n }\n },\n rail: {\n height: 4,\n width: 100,\n style: {\n fill: '#DCDEE2'\n }\n }\n },\n vertical: {\n ...commonColorLegendTheme,\n handler: {\n style: {\n symbolType: 'rectRound',\n size: 16,\n scaleY: 0.5,\n fill: '#fff',\n lineWidth: 1,\n stroke: '#99B0F3',\n radius: 2,\n outerBorder: null\n }\n },\n rail: {\n width: 4,\n height: 100,\n style: {\n fill: '#DCDEE2'\n }\n }\n }\n }\n};\n"]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export const markArea = {
|
|
2
|
+
area: {
|
|
3
|
+
style: {
|
|
4
|
+
fill: {
|
|
5
|
+
type: "palette",
|
|
6
|
+
key: "blackColors100",
|
|
7
|
+
a: .06
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
label: {
|
|
12
|
+
style: {
|
|
13
|
+
fontSize: {
|
|
14
|
+
type: "token",
|
|
15
|
+
key: "l5FontSize"
|
|
16
|
+
},
|
|
17
|
+
fill: {
|
|
18
|
+
type: "palette",
|
|
19
|
+
key: "blackColors65"
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
labelBackground: {
|
|
23
|
+
visible: !1
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=mark-area.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/common/component/mark-area.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAmB;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,gBAAgB,EAAE,CAAC,EAAE,IAAI,EAAE;SAC1D;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;SAChD;QACD,eAAe,EAAE;YACf,OAAO,EAAE,KAAK;SACf;KACF;CACF,CAAC","file":"mark-area.js","sourcesContent":["import type { IMarkAreaTheme } from '@visactor/vchart';\n\nexport const markArea: IMarkAreaTheme = {\n area: {\n style: {\n fill: { type: 'palette', key: 'blackColors100', a: 0.06 }\n }\n },\n label: {\n style: {\n fontSize: { type: 'token', key: 'l5FontSize' },\n fill: { type: 'palette', key: 'blackColors65' }\n },\n labelBackground: {\n visible: false\n }\n }\n};\n"]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
export const markLine = {
|
|
2
|
+
line: {
|
|
3
|
+
style: {
|
|
4
|
+
lineDash: [],
|
|
5
|
+
lineWidth: 1,
|
|
6
|
+
stroke: {
|
|
7
|
+
type: "palette",
|
|
8
|
+
key: "blackColors25"
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
},
|
|
12
|
+
startSymbol: {
|
|
13
|
+
visible: !1
|
|
14
|
+
},
|
|
15
|
+
endSymbol: {
|
|
16
|
+
visible: !1
|
|
17
|
+
},
|
|
18
|
+
label: {
|
|
19
|
+
position: "insideStartTop",
|
|
20
|
+
refY: 0,
|
|
21
|
+
autoRotate: !0,
|
|
22
|
+
style: {
|
|
23
|
+
fontSize: {
|
|
24
|
+
type: "token",
|
|
25
|
+
key: "l5FontSize"
|
|
26
|
+
},
|
|
27
|
+
fill: {
|
|
28
|
+
type: "palette",
|
|
29
|
+
key: "blackColors65"
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
labelBackground: {
|
|
33
|
+
visible: !1
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=mark-line.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/common/component/mark-line.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,QAAQ,GAAmB;IACtC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,SAAS,EAAE,CAAC;YACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;SAClD;KACF;IACD,WAAW,EAAE;QACX,OAAO,EAAE,KAAK;KACf;IACD,SAAS,EAAE;QACT,OAAO,EAAE,KAAK;KACf;IACD,KAAK,EAAE;QACL,QAAQ,EAAE,gBAAgB;QAC1B,IAAI,EAAE,CAAC;QACP,UAAU,EAAE,IAAI;QAChB,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;YAC9C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;SAChD;QACD,eAAe,EAAE;YACf,OAAO,EAAE,KAAK;SACf;KACF;CACF,CAAC","file":"mark-line.js","sourcesContent":["import type { IMarkLineTheme } from '@visactor/vchart';\n\nexport const markLine: IMarkLineTheme = {\n line: {\n style: {\n lineDash: [],\n lineWidth: 1,\n stroke: { type: 'palette', key: 'blackColors25' }\n }\n },\n startSymbol: {\n visible: false\n },\n endSymbol: {\n visible: false\n },\n label: {\n position: 'insideStartTop',\n refY: 0,\n autoRotate: true,\n style: {\n fontSize: { type: 'token', key: 'l5FontSize' },\n fill: { type: 'palette', key: 'blackColors65' }\n },\n labelBackground: {\n visible: false\n }\n }\n};\n"]}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export const markPoint = {
|
|
2
|
+
itemContent: {
|
|
3
|
+
autoRotate: !1,
|
|
4
|
+
offsetY: -16,
|
|
5
|
+
text: {
|
|
6
|
+
style: {
|
|
7
|
+
fontSize: {
|
|
8
|
+
type: "token",
|
|
9
|
+
key: "l5FontSize"
|
|
10
|
+
},
|
|
11
|
+
fill: {
|
|
12
|
+
type: "palette",
|
|
13
|
+
key: "blackColors65"
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
itemLine: {
|
|
19
|
+
decorativeLine: {
|
|
20
|
+
visible: !1
|
|
21
|
+
},
|
|
22
|
+
startSymbol: {
|
|
23
|
+
visible: !0,
|
|
24
|
+
size: 6,
|
|
25
|
+
style: {
|
|
26
|
+
fill: "#fff",
|
|
27
|
+
stroke: {
|
|
28
|
+
type: "palette",
|
|
29
|
+
key: "bandColor"
|
|
30
|
+
},
|
|
31
|
+
lineWidth: 2
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
endSymbol: {
|
|
35
|
+
visible: !1
|
|
36
|
+
},
|
|
37
|
+
line: {
|
|
38
|
+
style: {
|
|
39
|
+
lineWidth: 1,
|
|
40
|
+
stroke: {
|
|
41
|
+
type: "palette",
|
|
42
|
+
key: "blackColors25"
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
//# sourceMappingURL=mark-point.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/common/component/mark-point.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAoB;IACxC,WAAW,EAAE;QAEX,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,CAAC,EAAE;QACZ,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,QAAQ,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE;gBAC9C,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;aAChD;SACF;KACF;IACD,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,OAAO,EAAE,KAAK;SACf;QACD,WAAW,EAAE;YACX,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,CAAC;YACP,KAAK,EAAE;gBACL,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE;gBAC7C,SAAS,EAAE,CAAC;aACb;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,eAAe,EAAE;aAClD;SACF;KACF;CACF,CAAC","file":"mark-point.js","sourcesContent":["import type { IMarkPointTheme } from '@visactor/vchart';\n\nexport const markPoint: IMarkPointTheme = {\n itemContent: {\n // @ts-ignore\n autoRotate: false, // FIXME: type error\n offsetY: -16,\n text: {\n style: {\n fontSize: { type: 'token', key: 'l5FontSize' },\n fill: { type: 'palette', key: 'blackColors65' }\n }\n }\n },\n itemLine: {\n decorativeLine: {\n visible: false\n },\n startSymbol: {\n visible: true,\n size: 6,\n style: {\n fill: '#fff',\n stroke: { type: 'palette', key: 'bandColor' },\n lineWidth: 2\n }\n },\n endSymbol: {\n visible: false\n },\n line: {\n style: {\n lineWidth: 1,\n stroke: { type: 'palette', key: 'blackColors25' }\n }\n }\n }\n};\n"]}
|