@visactor/vchart-aurora-theme 1.12.3-alpha.5 → 1.13.0
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 +1 -1
- package/build/index.js +235 -594
- package/build/index.min.js +1 -1
- package/cjs/common/color-scheme.d.ts +3 -0
- package/cjs/common/color-scheme.js +15 -37
- package/cjs/common/color-scheme.js.map +1 -1
- package/cjs/common/component/axis.d.ts +1 -1
- package/cjs/common/component/axis.js +11 -66
- package/cjs/common/component/axis.js.map +1 -1
- package/cjs/common/component/crosshair.d.ts +3 -1
- package/cjs/common/component/crosshair.js +33 -19
- package/cjs/common/component/crosshair.js.map +1 -1
- package/cjs/common/component/legend.d.ts +1 -0
- package/cjs/common/component/legend.js +22 -115
- package/cjs/common/component/legend.js.map +1 -1
- package/cjs/common/component/tooltip.d.ts +2 -2
- package/cjs/common/component/tooltip.js +7 -59
- package/cjs/common/component/tooltip.js.map +1 -1
- package/cjs/common/series/area.js +19 -9
- package/cjs/common/series/area.js.map +1 -1
- package/cjs/common/series/bar.js +9 -10
- package/cjs/common/series/bar.js.map +1 -1
- package/cjs/common/series/funnel.js +0 -6
- package/cjs/common/series/funnel.js.map +1 -1
- package/cjs/common/series/line.js +5 -7
- package/cjs/common/series/line.js.map +1 -1
- package/cjs/common/series/pie.js +43 -2
- package/cjs/common/series/pie.js.map +1 -1
- package/cjs/common/series/radar.js +22 -13
- package/cjs/common/series/radar.js.map +1 -1
- package/cjs/common/series/treemap.js +1 -2
- package/cjs/index.d.ts +2 -0
- package/cjs/index.js +53 -23
- package/cjs/index.js.map +1 -1
- package/esm/common/color-scheme.d.ts +3 -0
- package/esm/common/color-scheme.js +13 -33
- package/esm/common/color-scheme.js.map +1 -1
- package/esm/common/component/axis.d.ts +1 -1
- package/esm/common/component/axis.js +11 -66
- package/esm/common/component/axis.js.map +1 -1
- package/esm/common/component/crosshair.d.ts +3 -1
- package/esm/common/component/crosshair.js +36 -19
- package/esm/common/component/crosshair.js.map +1 -1
- package/esm/common/component/legend.d.ts +1 -0
- package/esm/common/component/legend.js +23 -112
- package/esm/common/component/legend.js.map +1 -1
- package/esm/common/component/tooltip.d.ts +2 -2
- package/esm/common/component/tooltip.js +7 -59
- package/esm/common/component/tooltip.js.map +1 -1
- package/esm/common/series/area.js +19 -9
- package/esm/common/series/area.js.map +1 -1
- package/esm/common/series/bar.js +9 -10
- package/esm/common/series/bar.js.map +1 -1
- package/esm/common/series/funnel.js +0 -6
- package/esm/common/series/funnel.js.map +1 -1
- package/esm/common/series/line.js +5 -7
- package/esm/common/series/line.js.map +1 -1
- package/esm/common/series/pie.js +43 -2
- package/esm/common/series/pie.js.map +1 -1
- package/esm/common/series/radar.js +22 -13
- package/esm/common/series/radar.js.map +1 -1
- package/esm/common/series/treemap.js +1 -2
- package/esm/index.d.ts +2 -0
- package/esm/index.js +43 -51
- package/esm/index.js.map +1 -1
- package/package.json +8 -7
- package/cjs/common/component/data-zoom.d.ts +0 -3
- package/cjs/common/component/data-zoom.js +0 -67
- package/cjs/common/component/data-zoom.js.map +0 -1
- package/cjs/common/component/indicator.d.ts +0 -2
- package/cjs/common/component/indicator.js +0 -23
- package/cjs/common/component/indicator.js.map +0 -1
- package/cjs/common/component/mark-area.d.ts +0 -2
- package/cjs/common/component/mark-area.js +0 -31
- package/cjs/common/component/mark-area.js.map +0 -1
- package/cjs/common/component/mark-line.d.ts +0 -2
- package/cjs/common/component/mark-line.js +0 -41
- package/cjs/common/component/mark-line.js.map +0 -1
- package/cjs/common/component/mark-point.d.ts +0 -2
- package/cjs/common/component/mark-point.js +0 -52
- package/cjs/common/component/mark-point.js.map +0 -1
- package/cjs/common/component/polar-axis.d.ts +0 -5
- package/cjs/common/component/polar-axis.js +0 -30
- package/cjs/common/component/polar-axis.js.map +0 -1
- package/cjs/common/component/scroll-bar.d.ts +0 -2
- package/cjs/common/component/scroll-bar.js +0 -23
- package/cjs/common/component/scroll-bar.js.map +0 -1
- package/cjs/common/mark.d.ts +0 -2
- package/cjs/common/mark.js +0 -17
- package/cjs/common/mark.js.map +0 -1
- package/esm/common/component/data-zoom.d.ts +0 -3
- package/esm/common/component/data-zoom.js +0 -65
- package/esm/common/component/data-zoom.js.map +0 -1
- package/esm/common/component/indicator.d.ts +0 -2
- package/esm/common/component/indicator.js +0 -19
- package/esm/common/component/indicator.js.map +0 -1
- package/esm/common/component/mark-area.d.ts +0 -2
- package/esm/common/component/mark-area.js +0 -27
- package/esm/common/component/mark-area.js.map +0 -1
- package/esm/common/component/mark-line.d.ts +0 -2
- package/esm/common/component/mark-line.js +0 -37
- package/esm/common/component/mark-line.js.map +0 -1
- package/esm/common/component/mark-point.d.ts +0 -2
- package/esm/common/component/mark-point.js +0 -48
- package/esm/common/component/mark-point.js.map +0 -1
- package/esm/common/component/polar-axis.d.ts +0 -5
- package/esm/common/component/polar-axis.js +0 -24
- package/esm/common/component/polar-axis.js.map +0 -1
- package/esm/common/component/scroll-bar.d.ts +0 -2
- package/esm/common/component/scroll-bar.js +0 -19
- package/esm/common/component/scroll-bar.js.map +0 -1
- package/esm/common/mark.d.ts +0 -2
- package/esm/common/mark.js +0 -13
- package/esm/common/mark.js.map +0 -1
- package/public/aurora.json +0 -1
|
@@ -1,80 +1,25 @@
|
|
|
1
1
|
export const axis = {
|
|
2
|
-
|
|
2
|
+
axisRadius: {
|
|
3
3
|
domainLine: {
|
|
4
|
-
visible: !
|
|
5
|
-
style: {
|
|
6
|
-
lineWidth: 1,
|
|
7
|
-
stroke: {
|
|
8
|
-
type: "palette",
|
|
9
|
-
key: "axisDomainColor"
|
|
10
|
-
}
|
|
11
|
-
}
|
|
4
|
+
visible: !1
|
|
12
5
|
},
|
|
13
6
|
grid: {
|
|
14
|
-
|
|
7
|
+
smooth: !1,
|
|
15
8
|
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
9
|
lineDash: [ 4, 4 ]
|
|
33
10
|
}
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
axisAngle: {
|
|
14
|
+
domainLine: {
|
|
15
|
+
visible: !0
|
|
34
16
|
},
|
|
35
17
|
tick: {
|
|
36
|
-
visible: !
|
|
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
|
-
}
|
|
18
|
+
visible: !1
|
|
55
19
|
},
|
|
56
|
-
|
|
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,
|
|
20
|
+
grid: {
|
|
71
21
|
style: {
|
|
72
|
-
|
|
73
|
-
type: "palette",
|
|
74
|
-
key: "blackColors65"
|
|
75
|
-
},
|
|
76
|
-
fontSize: 12,
|
|
77
|
-
lineHeight: 12
|
|
22
|
+
lineDash: [ 0 ]
|
|
78
23
|
}
|
|
79
24
|
}
|
|
80
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/common/component/axis.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,IAAI,
|
|
1
|
+
{"version":3,"sources":["../src/common/component/axis.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,IAAI,GAAoB;IACnC,UAAU,EAAE;QACV,UAAU,EAAE;YACV,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,MAAM,EAAE,KAAK;YACb,KAAK,EAAE;gBACL,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACjB;SACF;KACF;IACD,SAAS,EAAE;QACT,UAAU,EAAE;YACV,OAAO,EAAE,IAAI;SACd;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,QAAQ,EAAE,CAAC,CAAC,CAAC;aACd;SACF;KACF;CACF,CAAC","file":"axis.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nexport const axis: IComponentTheme = {\n axisRadius: {\n domainLine: {\n visible: false\n },\n grid: {\n smooth: false,\n style: {\n lineDash: [4, 4]\n }\n }\n },\n axisAngle: {\n domainLine: {\n visible: true\n },\n tick: {\n visible: false\n },\n grid: {\n style: {\n lineDash: [0]\n }\n }\n }\n};\n"]}
|
|
@@ -1,2 +1,4 @@
|
|
|
1
1
|
import type { ICrosshairTheme } from '@visactor/vchart';
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const barCrosshair: ICrosshairTheme;
|
|
3
|
+
export declare const lineCrosshair: ICrosshairTheme;
|
|
4
|
+
export declare const radarCrosshair: ICrosshairTheme;
|
|
@@ -1,31 +1,48 @@
|
|
|
1
|
-
export const
|
|
2
|
-
|
|
3
|
-
bandField: {
|
|
1
|
+
export const barCrosshair = {
|
|
2
|
+
xField: {
|
|
4
3
|
line: {
|
|
5
4
|
type: "rect",
|
|
6
|
-
visible: !0,
|
|
7
5
|
style: {
|
|
8
|
-
fill:
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
fill: {
|
|
7
|
+
gradient: "linear",
|
|
8
|
+
x0: 0,
|
|
9
|
+
y0: 0,
|
|
10
|
+
x1: 0,
|
|
11
|
+
y1: 1,
|
|
12
|
+
stops: [ {
|
|
13
|
+
offset: 0,
|
|
14
|
+
color: "rgba(51, 119, 255, 0.1)"
|
|
15
|
+
}, {
|
|
16
|
+
offset: 1,
|
|
17
|
+
color: "rgba(118, 164, 255, 0.1)"
|
|
18
|
+
} ]
|
|
19
|
+
}
|
|
11
20
|
}
|
|
12
|
-
},
|
|
13
|
-
label: {
|
|
14
|
-
visible: !1
|
|
15
21
|
}
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export const lineCrosshair = {
|
|
26
|
+
bandField: {
|
|
19
27
|
line: {
|
|
20
28
|
type: "line",
|
|
29
|
+
width: 1,
|
|
30
|
+
style: {
|
|
31
|
+
lineWidth: 1,
|
|
32
|
+
stroke: "#DCDEE1",
|
|
33
|
+
lineDash: [ 2, 2 ]
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
export const radarCrosshair = {
|
|
40
|
+
categoryField: {
|
|
41
|
+
line: {
|
|
21
42
|
style: {
|
|
22
|
-
|
|
23
|
-
lineWidth:
|
|
24
|
-
lineDash: []
|
|
43
|
+
lineDash: [ 0 ],
|
|
44
|
+
lineWidth: 1
|
|
25
45
|
}
|
|
26
|
-
},
|
|
27
|
-
label: {
|
|
28
|
-
visible: !1
|
|
29
46
|
}
|
|
30
47
|
}
|
|
31
48
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/common/component/crosshair.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"sources":["../src/common/component/crosshair.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,YAAY,GAAoB;IAC3C,MAAM,EAAE;QACN,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,QAAQ,EAAE,QAAQ;oBAClB,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,KAAK,EAAE;wBACL,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,yBAAyB,EAAE;wBAC/C,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,0BAA0B,EAAE;qBACjD;iBACF;aACF;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAoB;IAC5C,SAAS,EAAE;QACT,IAAI,EAAE;YACJ,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,CAAC;YACR,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;gBACZ,MAAM,EAAE,SAAS;gBACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;aACjB;SACF;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAoB;IAC7C,aAAa,EAAE;QACb,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,QAAQ,EAAE,CAAC,CAAC,CAAC;gBACb,SAAS,EAAE,CAAC;aACb;SACF;KACF;CACF,CAAC","file":"crosshair.js","sourcesContent":["import type { ICrosshairTheme } from '@visactor/vchart';\n\nexport const barCrosshair: ICrosshairTheme = {\n xField: {\n line: {\n type: 'rect', // 设置为矩形类型\n style: {\n fill: {\n gradient: 'linear', // 线性渐变\n x0: 0,\n y0: 0,\n x1: 0,\n y1: 1,\n stops: [\n { offset: 0, color: 'rgba(51, 119, 255, 0.1)' },\n { offset: 1, color: 'rgba(118, 164, 255, 0.1)' }\n ]\n }\n }\n }\n }\n};\n\nexport const lineCrosshair: ICrosshairTheme = {\n bandField: {\n line: {\n type: 'line',\n width: 1,\n style: {\n lineWidth: 1,\n stroke: '#DCDEE1',\n lineDash: [2, 2]\n }\n }\n }\n};\n\nexport const radarCrosshair: ICrosshairTheme = {\n categoryField: {\n line: {\n style: {\n lineDash: [0],\n lineWidth: 1\n }\n }\n }\n};\n"]}
|
|
@@ -1,138 +1,49 @@
|
|
|
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
1
|
export const legend = {
|
|
19
2
|
discreteLegend: {
|
|
20
3
|
visible: !0,
|
|
21
4
|
orient: "top",
|
|
22
|
-
|
|
5
|
+
position: "middle",
|
|
23
6
|
maxRow: 1,
|
|
24
7
|
title: {
|
|
25
|
-
visible: !1
|
|
26
|
-
textStyle: {
|
|
27
|
-
fill: {
|
|
28
|
-
type: "palette",
|
|
29
|
-
key: "blackColors45"
|
|
30
|
-
},
|
|
31
|
-
fontSize: 12,
|
|
32
|
-
lineHeight: 21
|
|
33
|
-
}
|
|
8
|
+
visible: !1
|
|
34
9
|
},
|
|
35
10
|
item: {
|
|
36
11
|
visible: !0,
|
|
37
|
-
spaceCol: 24,
|
|
38
|
-
spaceRow: 12,
|
|
39
|
-
padding: 0,
|
|
40
12
|
background: {
|
|
41
13
|
visible: !1
|
|
42
14
|
},
|
|
43
15
|
shape: {
|
|
44
|
-
space: 4,
|
|
45
16
|
style: {
|
|
46
|
-
size: 8,
|
|
47
17
|
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
18
|
}
|
|
82
|
-
},
|
|
83
|
-
textStyle: {
|
|
84
|
-
fill: {
|
|
85
|
-
type: "palette",
|
|
86
|
-
key: "blackColors45"
|
|
87
|
-
},
|
|
88
|
-
fontSize: 10
|
|
89
19
|
}
|
|
90
20
|
},
|
|
91
21
|
allowAllCanceled: !1
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
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
|
-
}
|
|
22
|
+
}
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export const lineLegend = {
|
|
26
|
+
discreteLegend: {
|
|
27
|
+
visible: !0,
|
|
28
|
+
orient: "top",
|
|
29
|
+
position: "middle",
|
|
30
|
+
maxRow: 1,
|
|
31
|
+
title: {
|
|
32
|
+
visible: !1
|
|
33
|
+
},
|
|
34
|
+
item: {
|
|
35
|
+
visible: !0,
|
|
36
|
+
background: {
|
|
37
|
+
visible: !1
|
|
127
38
|
},
|
|
128
|
-
|
|
129
|
-
width: 4,
|
|
130
|
-
height: 100,
|
|
39
|
+
shape: {
|
|
131
40
|
style: {
|
|
132
|
-
|
|
41
|
+
size: [ 8, 2 ],
|
|
42
|
+
symbolType: "rect"
|
|
133
43
|
}
|
|
134
44
|
}
|
|
135
|
-
}
|
|
45
|
+
},
|
|
46
|
+
allowAllCanceled: !1
|
|
136
47
|
}
|
|
137
48
|
};
|
|
138
49
|
//# sourceMappingURL=legend.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/common/component/legend.ts"],"names":[],"mappings":"AAEA,MAAM,
|
|
1
|
+
{"version":3,"sources":["../src/common/component/legend.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAA6B;IAC9C,cAAc,EAAE;QACd,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,UAAU,EAAE;gBACV,OAAO,EAAE,KAAK;aACf;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,UAAU,EAAE,QAAQ;iBACrB;aACF;SACF;QACD,gBAAgB,EAAE,KAAK;KACxB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAA6B;IAClD,cAAc,EAAE;QACd,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,KAAK;QACb,QAAQ,EAAE,QAAQ;QAClB,MAAM,EAAE,CAAC;QACT,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;SACf;QACD,IAAI,EAAE;YACJ,OAAO,EAAE,IAAI;YACb,UAAU,EAAE;gBACV,OAAO,EAAE,KAAK;aACf;YACD,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,IAAI,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;oBACZ,UAAU,EAAE,MAAM;iBACnB;aACF;SACF;QACD,gBAAgB,EAAE,KAAK;KACxB;CACF,CAAC","file":"legend.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nexport const legend: Partial<IComponentTheme> = {\n discreteLegend: {\n visible: true,\n orient: 'top',\n position: 'middle',\n maxRow: 1,\n title: {\n visible: false\n },\n item: {\n visible: true,\n background: {\n visible: false\n },\n shape: {\n style: {\n symbolType: 'circle'\n }\n }\n },\n allowAllCanceled: false\n }\n};\n\nexport const lineLegend: Partial<IComponentTheme> = {\n discreteLegend: {\n visible: true,\n orient: 'top',\n position: 'middle',\n maxRow: 1,\n title: {\n visible: false\n },\n item: {\n visible: true,\n background: {\n visible: false\n },\n shape: {\n style: {\n size: [8, 2],\n symbolType: 'rect'\n }\n }\n },\n allowAllCanceled: false\n }\n};\n"]}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
export declare const tooltip:
|
|
1
|
+
import type { IComponentTheme } from '@visactor/vchart';
|
|
2
|
+
export declare const tooltip: IComponentTheme['tooltip'];
|
|
@@ -1,70 +1,18 @@
|
|
|
1
1
|
export const tooltip = {
|
|
2
|
-
offset: {
|
|
3
|
-
x: 16,
|
|
4
|
-
y: 16
|
|
5
|
-
},
|
|
6
2
|
panel: {
|
|
7
|
-
padding: {
|
|
8
|
-
top: 12,
|
|
9
|
-
left: 12,
|
|
10
|
-
right: 12,
|
|
11
|
-
bottom: 12
|
|
12
|
-
},
|
|
13
|
-
backgroundColor: {
|
|
14
|
-
type: "palette",
|
|
15
|
-
key: "popupBackgroundColor"
|
|
16
|
-
},
|
|
17
3
|
border: {
|
|
18
|
-
|
|
19
|
-
type: "palette",
|
|
20
|
-
key: "popupBackgroundColor"
|
|
21
|
-
},
|
|
22
|
-
width: 0,
|
|
23
|
-
radius: 3
|
|
24
|
-
},
|
|
25
|
-
shadow: {
|
|
26
|
-
x: 0,
|
|
27
|
-
y: 0,
|
|
28
|
-
blur: 10,
|
|
29
|
-
spread: 0,
|
|
30
|
-
color: "#aeaeae"
|
|
4
|
+
radius: 8
|
|
31
5
|
}
|
|
32
6
|
},
|
|
33
|
-
spaceRow: 12,
|
|
34
|
-
titleLabel: {
|
|
35
|
-
fontSize: 12,
|
|
36
|
-
lineHeight: 12,
|
|
37
|
-
fontColor: "#1D1D2E",
|
|
38
|
-
fontWeight: "500",
|
|
39
|
-
textAlign: "left",
|
|
40
|
-
textBaseline: "middle",
|
|
41
|
-
spacing: 0
|
|
42
|
-
},
|
|
43
7
|
shape: {
|
|
44
|
-
|
|
45
|
-
|
|
8
|
+
shapeType: "circle",
|
|
9
|
+
size: 8
|
|
46
10
|
},
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
lineHeight: 12,
|
|
50
|
-
fontColor: {
|
|
51
|
-
type: "palette",
|
|
52
|
-
key: "blackColors65"
|
|
53
|
-
},
|
|
54
|
-
textAlign: "left",
|
|
55
|
-
textBaseline: "middle",
|
|
56
|
-
spacing: 12
|
|
11
|
+
mark: {
|
|
12
|
+
visible: !1
|
|
57
13
|
},
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
lineHeight: 12,
|
|
61
|
-
fontColor: {
|
|
62
|
-
type: "palette",
|
|
63
|
-
key: "blackColors65"
|
|
64
|
-
},
|
|
65
|
-
fontWeight: "normal",
|
|
66
|
-
textBaseline: "middle",
|
|
67
|
-
spacing: 0
|
|
14
|
+
dimension: {
|
|
15
|
+
visible: !0
|
|
68
16
|
}
|
|
69
17
|
};
|
|
70
18
|
//# sourceMappingURL=tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/common/component/tooltip.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,OAAO,
|
|
1
|
+
{"version":3,"sources":["../src/common/component/tooltip.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,OAAO,GAA+B;IACjD,KAAK,EAAE;QACL,MAAM,EAAE;YACN,MAAM,EAAE,CAAC;SACV;KACF;IACD,KAAK,EAAE;QACL,SAAS,EAAE,QAAQ;QACnB,IAAI,EAAE,CAAC;KACR;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,KAAK;KACf;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;KACd;CACF,CAAC","file":"tooltip.js","sourcesContent":["import type { IComponentTheme } from '@visactor/vchart';\n\nexport const tooltip: IComponentTheme['tooltip'] = {\n panel: {\n border: {\n radius: 8\n }\n },\n shape: {\n shapeType: 'circle',\n size: 8\n },\n mark: {\n visible: false // 关闭图元 (mark) 提示\n },\n dimension: {\n visible: true // 保留维度 (dimension) 提示\n }\n};\n"]}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export const area = {
|
|
2
2
|
area: {
|
|
3
|
+
seriesMark: "line",
|
|
3
4
|
point: {
|
|
4
5
|
style: {
|
|
5
6
|
visible: !1,
|
|
@@ -7,9 +8,11 @@ export const area = {
|
|
|
7
8
|
lineWidth: 2,
|
|
8
9
|
shadowColor: "rgba(0, 0, 0, 0.1)",
|
|
9
10
|
shadowBlur: 3,
|
|
10
|
-
stroke:
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
stroke: "#fff"
|
|
12
|
+
},
|
|
13
|
+
state: {
|
|
14
|
+
dimension_hover: {
|
|
15
|
+
visible: !0
|
|
13
16
|
}
|
|
14
17
|
}
|
|
15
18
|
},
|
|
@@ -21,12 +24,19 @@ export const area = {
|
|
|
21
24
|
},
|
|
22
25
|
area: {
|
|
23
26
|
style: {
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
fill: {
|
|
28
|
+
gradient: "linear",
|
|
29
|
+
x0: 0,
|
|
30
|
+
y0: 0,
|
|
31
|
+
x1: 0,
|
|
32
|
+
y1: 1,
|
|
33
|
+
stops: [ {
|
|
34
|
+
offset: 0,
|
|
35
|
+
opacity: .7
|
|
36
|
+
}, {
|
|
37
|
+
offset: 1,
|
|
38
|
+
opacity: 0
|
|
39
|
+
} ]
|
|
30
40
|
}
|
|
31
41
|
}
|
|
32
42
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/common/series/area.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,IAAI,GAGb;IACF,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,EAAE;gBACR,SAAS,EAAE,CAAC;gBACZ,WAAW,EAAE,oBAAoB;gBACjC,UAAU,EAAE,CAAC;gBACb,MAAM,EAAE,
|
|
1
|
+
{"version":3,"sources":["../src/common/series/area.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,IAAI,GAGb;IACF,IAAI,EAAE;QACJ,UAAU,EAAE,MAAM;QAClB,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,EAAE;gBACR,SAAS,EAAE,CAAC;gBACZ,WAAW,EAAE,oBAAoB;gBACjC,UAAU,EAAE,CAAC;gBACb,MAAM,EAAE,MAAM;aACf;YACD,KAAK,EAAE;gBACL,eAAe,EAAE;oBACf,OAAO,EAAE,IAAI;iBACd;aACF;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,UAAU;gBACrB,SAAS,EAAE,CAAC;aACb;SACF;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,QAAQ,EAAE,QAAQ;oBAClB,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,EAAE,EAAE,CAAC;oBACL,KAAK,EAAE;wBACL;4BACE,MAAM,EAAE,CAAC;4BACT,OAAO,EAAE,GAAG;yBACb;wBACD;4BACE,MAAM,EAAE,CAAC;4BACT,OAAO,EAAE,CAAC;yBACX;qBACF;iBACF;aACF;SACF;KACF;CACF,CAAC","file":"area.js","sourcesContent":["import type { ISeriesTheme, SeriesTypeEnum, SeriesTypeForThemeEnum } from '@visactor/vchart';\n\nexport const area: Pick<\n ISeriesTheme,\n SeriesTypeEnum.area | SeriesTypeForThemeEnum.area_vertical | SeriesTypeForThemeEnum.area_horizontal\n> = {\n area: {\n seriesMark: 'line',\n point: {\n style: {\n visible: false,\n size: 12,\n lineWidth: 2,\n shadowColor: 'rgba(0, 0, 0, 0.1)',\n shadowBlur: 3,\n stroke: '#fff'\n },\n state: {\n dimension_hover: {\n visible: true\n }\n }\n },\n line: {\n style: {\n curveType: 'monotone',\n lineWidth: 2\n }\n },\n area: {\n style: {\n fill: {\n gradient: 'linear',\n x0: 0,\n y0: 0,\n x1: 0,\n y1: 1,\n stops: [\n {\n offset: 0,\n opacity: 0.7\n },\n {\n offset: 1,\n opacity: 0\n }\n ]\n }\n }\n }\n }\n};\n"]}
|
package/esm/common/series/bar.js
CHANGED
|
@@ -1,22 +1,20 @@
|
|
|
1
1
|
const bar = {
|
|
2
|
-
barMaxWidth:
|
|
3
|
-
barGapInGroup:
|
|
4
|
-
|
|
2
|
+
barMaxWidth: 16,
|
|
3
|
+
barGapInGroup: 2,
|
|
4
|
+
barMinHeight: 2,
|
|
5
|
+
bar: {
|
|
5
6
|
style: {
|
|
6
|
-
|
|
7
|
-
type: "palette",
|
|
8
|
-
key: "secondaryFontColor"
|
|
9
|
-
}
|
|
7
|
+
visible: datum => datum.value > 0
|
|
10
8
|
}
|
|
11
9
|
}
|
|
12
10
|
}, bar_horizontal = {
|
|
13
|
-
stackCornerRadius: [ 0,
|
|
11
|
+
stackCornerRadius: [ 0, 2, 2, 0 ],
|
|
14
12
|
label: {
|
|
15
13
|
position: "right",
|
|
16
14
|
offset: 4
|
|
17
15
|
}
|
|
18
16
|
}, bar_vertical = {
|
|
19
|
-
stackCornerRadius: [
|
|
17
|
+
stackCornerRadius: [ 2, 2, 0, 0 ],
|
|
20
18
|
label: {
|
|
21
19
|
position: "top",
|
|
22
20
|
offset: 4
|
|
@@ -27,4 +25,5 @@ export const barTheme = {
|
|
|
27
25
|
bar: bar,
|
|
28
26
|
bar_horizontal: bar_horizontal,
|
|
29
27
|
bar_vertical: bar_vertical
|
|
30
|
-
};
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=bar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/common/series/bar.ts"],"names":[],"mappings":"AAEA,MAAM,GAAG,GAAwB;IAC/B,WAAW,EAAE,
|
|
1
|
+
{"version":3,"sources":["../src/common/series/bar.ts"],"names":[],"mappings":"AAEA,MAAM,GAAG,GAAwB;IAC/B,WAAW,EAAE,EAAE;IACf,aAAa,EAAE,CAAC;IAChB,YAAY,EAAE,CAAC;IACf,GAAG,EAAE;QACH,KAAK,EAAE;YAEL,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC;SAClC;KACF;CACF,CAAC;AAEF,MAAM,cAAc,GAAwB;IAE1C,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,KAAK,EAAE;QACL,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,CAAC;KACV;CACF,CAAC;AAEF,MAAM,YAAY,GAAwB;IAExC,iBAAiB,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;IAC/B,KAAK,EAAE;QACL,QAAQ,EAAE,KAAK;QACf,MAAM,EAAE,CAAC;KACV;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAGjB;IACF,GAAG;IACH,cAAc;IACd,YAAY;CACb,CAAC","file":"bar.js","sourcesContent":["import type { ISeriesTheme, SeriesTypeEnum, SeriesTypeForThemeEnum } from '@visactor/vchart';\n\nconst bar: ISeriesTheme['bar'] = {\n barMaxWidth: 16,\n barGapInGroup: 2,\n barMinHeight: 2,\n bar: {\n style: {\n // @ts-ignore\n visible: datum => datum.value > 0 // 数据为0时隐藏柱子\n }\n }\n};\n\nconst bar_horizontal: ISeriesTheme['bar'] = {\n // @ts-ignore\n stackCornerRadius: [0, 2, 2, 0], // FIXME: typeError\n label: {\n position: 'right',\n offset: 4\n }\n};\n\nconst bar_vertical: ISeriesTheme['bar'] = {\n // @ts-ignore\n stackCornerRadius: [2, 2, 0, 0], // FIXME: typeError,\n label: {\n position: 'top',\n offset: 4\n }\n};\n\nexport const barTheme: Pick<\n ISeriesTheme,\n SeriesTypeEnum.bar | SeriesTypeForThemeEnum.bar_horizontal | SeriesTypeForThemeEnum.bar_vertical\n> = {\n bar,\n bar_horizontal,\n bar_vertical\n};\n"]}
|
|
@@ -2,8 +2,6 @@ export const funnel = {
|
|
|
2
2
|
funnel: {
|
|
3
3
|
state: {
|
|
4
4
|
selected: {
|
|
5
|
-
fill: "#1966FF",
|
|
6
|
-
stroke: "#3958E0",
|
|
7
5
|
strokeOpacity: .2,
|
|
8
6
|
lineWidth: 4
|
|
9
7
|
}
|
|
@@ -21,10 +19,6 @@ export const funnel = {
|
|
|
21
19
|
},
|
|
22
20
|
label: {
|
|
23
21
|
style: {
|
|
24
|
-
fill: {
|
|
25
|
-
type: "palette",
|
|
26
|
-
key: "whiteColors100"
|
|
27
|
-
},
|
|
28
22
|
fontSize: 12
|
|
29
23
|
}
|
|
30
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/common/series/funnel.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAA2B;IAC5C,MAAM,EAAE;QACN,KAAK,EAAE;YACL,QAAQ,EAAE;gBACR,
|
|
1
|
+
{"version":3,"sources":["../src/common/series/funnel.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,MAAM,GAA2B;IAC5C,MAAM,EAAE;QACN,KAAK,EAAE;YACL,QAAQ,EAAE;gBACR,aAAa,EAAE,GAAG;gBAClB,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,UAAU,EAAE;QACV,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;SACb;QACD,IAAI,EAAE;YACJ,KAAK,EAAE;gBACL,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;SACb;KACF;CACF,CAAC","file":"funnel.js","sourcesContent":["import type { ISeriesTheme } from '@visactor/vchart';\n\nexport const funnel: ISeriesTheme['funnel'] = {\n funnel: {\n state: {\n selected: {\n strokeOpacity: 0.2,\n lineWidth: 4\n }\n }\n },\n outerLabel: {\n style: {\n fontSize: 12\n },\n line: {\n style: {\n lineWidth: 2\n }\n }\n },\n label: {\n style: {\n fontSize: 12\n }\n }\n};\n"]}
|
|
@@ -12,15 +12,13 @@ export const line = {
|
|
|
12
12
|
lineWidth: 2,
|
|
13
13
|
shadowColor: "rgba(0, 0, 0, 0.1)",
|
|
14
14
|
shadowBlur: 3,
|
|
15
|
-
stroke:
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
stroke: "#fff"
|
|
16
|
+
},
|
|
17
|
+
state: {
|
|
18
|
+
dimension_hover: {
|
|
19
|
+
visible: !0
|
|
18
20
|
}
|
|
19
21
|
}
|
|
20
|
-
},
|
|
21
|
-
label: {
|
|
22
|
-
position: "top",
|
|
23
|
-
offset: 4
|
|
24
22
|
}
|
|
25
23
|
};
|
|
26
24
|
//# sourceMappingURL=line.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/common/series/line.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,IAAI,GAAyB;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,UAAU;SACtB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,EAAE;YACR,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,
|
|
1
|
+
{"version":3,"sources":["../src/common/series/line.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,IAAI,GAAyB;IACxC,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,SAAS,EAAE,CAAC;YACZ,SAAS,EAAE,UAAU;SACtB;KACF;IACD,KAAK,EAAE;QACL,KAAK,EAAE;YACL,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,EAAE;YACR,SAAS,EAAE,CAAC;YACZ,WAAW,EAAE,oBAAoB;YACjC,UAAU,EAAE,CAAC;YACb,MAAM,EAAE,MAAM;SACf;QACD,KAAK,EAAE;YACL,eAAe,EAAE;gBACf,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC","file":"line.js","sourcesContent":["import type { ISeriesTheme } from '@visactor/vchart';\n\nexport const line: ISeriesTheme['line'] = {\n line: {\n style: {\n lineWidth: 2,\n curveType: 'monotone'\n }\n },\n point: {\n style: {\n visible: false,\n size: 12,\n lineWidth: 2,\n shadowColor: 'rgba(0, 0, 0, 0.1)',\n shadowBlur: 3,\n stroke: '#fff'\n },\n state: {\n dimension_hover: {\n visible: true\n }\n }\n }\n};\n"]}
|