@visactor/vchart-theme-demo-component 1.11.6-alpha.1 → 1.11.6
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/cjs/spec/businessFunnel.d.ts +223 -0
- package/cjs/spec/businessFunnel.js +261 -0
- package/cjs/spec/businessFunnel.js.map +1 -0
- package/cjs/spec/combination.d.ts +48 -0
- package/cjs/spec/combination.js +134 -0
- package/cjs/spec/combination.js.map +1 -0
- package/cjs/spec/gauge.d.ts +1 -0
- package/cjs/spec/gauge.js +2 -2
- package/cjs/spec/gauge.js.map +1 -1
- package/cjs/spec/indicatorSankey.js +2 -1
- package/cjs/vchart-chart-hub-theme/chart-list.js +13 -1
- package/cjs/vchart-chart-hub-theme/chart-list.js.map +1 -1
- package/cjs/vchart-chart-hub-theme/charts.js.map +1 -1
- package/esm/spec/businessFunnel.d.ts +223 -0
- package/esm/spec/businessFunnel.js +257 -0
- package/esm/spec/businessFunnel.js.map +1 -0
- package/esm/spec/combination.d.ts +48 -0
- package/esm/spec/combination.js +130 -0
- package/esm/spec/combination.js.map +1 -0
- package/esm/spec/gauge.d.ts +1 -0
- package/esm/spec/gauge.js +2 -2
- package/esm/spec/gauge.js.map +1 -1
- package/esm/spec/indicatorSankey.js +2 -1
- package/esm/vchart-chart-hub-theme/chart-list.js +18 -0
- package/esm/vchart-chart-hub-theme/chart-list.js.map +1 -1
- package/esm/vchart-chart-hub-theme/charts.js.map +1 -1
- package/package.json +5 -5
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
export declare const CombinationSpec: {
|
|
2
|
+
type: string;
|
|
3
|
+
seriesField: string;
|
|
4
|
+
data: {
|
|
5
|
+
id: string;
|
|
6
|
+
values: {
|
|
7
|
+
x: string;
|
|
8
|
+
type: string;
|
|
9
|
+
y: number;
|
|
10
|
+
}[];
|
|
11
|
+
}[];
|
|
12
|
+
series: ({
|
|
13
|
+
type: string;
|
|
14
|
+
dataIndex: number;
|
|
15
|
+
label: {
|
|
16
|
+
visible: boolean;
|
|
17
|
+
};
|
|
18
|
+
seriesField: string;
|
|
19
|
+
xField: string[];
|
|
20
|
+
yField: string;
|
|
21
|
+
stack?: undefined;
|
|
22
|
+
} | {
|
|
23
|
+
type: string;
|
|
24
|
+
dataIndex: number;
|
|
25
|
+
label: {
|
|
26
|
+
visible: boolean;
|
|
27
|
+
};
|
|
28
|
+
seriesField: string;
|
|
29
|
+
xField: string;
|
|
30
|
+
yField: string;
|
|
31
|
+
stack: boolean;
|
|
32
|
+
})[];
|
|
33
|
+
axes: ({
|
|
34
|
+
orient: string;
|
|
35
|
+
label?: undefined;
|
|
36
|
+
type?: undefined;
|
|
37
|
+
} | {
|
|
38
|
+
orient: string;
|
|
39
|
+
label: {
|
|
40
|
+
visible: boolean;
|
|
41
|
+
};
|
|
42
|
+
type: string;
|
|
43
|
+
})[];
|
|
44
|
+
legends: {
|
|
45
|
+
visible: boolean;
|
|
46
|
+
orient: string;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
export const CombinationSpec = {
|
|
2
|
+
type: "common",
|
|
3
|
+
seriesField: "color",
|
|
4
|
+
data: [ {
|
|
5
|
+
id: "id0",
|
|
6
|
+
values: [ {
|
|
7
|
+
x: "周一",
|
|
8
|
+
type: "早餐",
|
|
9
|
+
y: 15
|
|
10
|
+
}, {
|
|
11
|
+
x: "周一",
|
|
12
|
+
type: "午餐",
|
|
13
|
+
y: 25
|
|
14
|
+
}, {
|
|
15
|
+
x: "周二",
|
|
16
|
+
type: "早餐",
|
|
17
|
+
y: 12
|
|
18
|
+
}, {
|
|
19
|
+
x: "周二",
|
|
20
|
+
type: "午餐",
|
|
21
|
+
y: 30
|
|
22
|
+
}, {
|
|
23
|
+
x: "周三",
|
|
24
|
+
type: "早餐",
|
|
25
|
+
y: 15
|
|
26
|
+
}, {
|
|
27
|
+
x: "周三",
|
|
28
|
+
type: "午餐",
|
|
29
|
+
y: 24
|
|
30
|
+
}, {
|
|
31
|
+
x: "周四",
|
|
32
|
+
type: "早餐",
|
|
33
|
+
y: 10
|
|
34
|
+
}, {
|
|
35
|
+
x: "周四",
|
|
36
|
+
type: "午餐",
|
|
37
|
+
y: 25
|
|
38
|
+
}, {
|
|
39
|
+
x: "周五",
|
|
40
|
+
type: "早餐",
|
|
41
|
+
y: 13
|
|
42
|
+
}, {
|
|
43
|
+
x: "周五",
|
|
44
|
+
type: "午餐",
|
|
45
|
+
y: 20
|
|
46
|
+
}, {
|
|
47
|
+
x: "周六",
|
|
48
|
+
type: "早餐",
|
|
49
|
+
y: 10
|
|
50
|
+
}, {
|
|
51
|
+
x: "周六",
|
|
52
|
+
type: "午餐",
|
|
53
|
+
y: 22
|
|
54
|
+
}, {
|
|
55
|
+
x: "周日",
|
|
56
|
+
type: "早餐",
|
|
57
|
+
y: 12
|
|
58
|
+
}, {
|
|
59
|
+
x: "周日",
|
|
60
|
+
type: "午餐",
|
|
61
|
+
y: 19
|
|
62
|
+
} ]
|
|
63
|
+
}, {
|
|
64
|
+
id: "id1",
|
|
65
|
+
values: [ {
|
|
66
|
+
x: "周一",
|
|
67
|
+
type: "饮料",
|
|
68
|
+
y: 22
|
|
69
|
+
}, {
|
|
70
|
+
x: "周二",
|
|
71
|
+
type: "饮料",
|
|
72
|
+
y: 43
|
|
73
|
+
}, {
|
|
74
|
+
x: "周三",
|
|
75
|
+
type: "饮料",
|
|
76
|
+
y: 33
|
|
77
|
+
}, {
|
|
78
|
+
x: "周四",
|
|
79
|
+
type: "饮料",
|
|
80
|
+
y: 22
|
|
81
|
+
}, {
|
|
82
|
+
x: "周五",
|
|
83
|
+
type: "饮料",
|
|
84
|
+
y: 10
|
|
85
|
+
}, {
|
|
86
|
+
x: "周六",
|
|
87
|
+
type: "饮料",
|
|
88
|
+
y: 30
|
|
89
|
+
}, {
|
|
90
|
+
x: "周日",
|
|
91
|
+
type: "饮料",
|
|
92
|
+
y: 50
|
|
93
|
+
} ]
|
|
94
|
+
} ],
|
|
95
|
+
series: [ {
|
|
96
|
+
type: "bar",
|
|
97
|
+
dataIndex: 0,
|
|
98
|
+
label: {
|
|
99
|
+
visible: !0
|
|
100
|
+
},
|
|
101
|
+
seriesField: "type",
|
|
102
|
+
dataIndex: 0,
|
|
103
|
+
xField: [ "x", "type" ],
|
|
104
|
+
yField: "y"
|
|
105
|
+
}, {
|
|
106
|
+
type: "line",
|
|
107
|
+
dataIndex: 1,
|
|
108
|
+
label: {
|
|
109
|
+
visible: !0
|
|
110
|
+
},
|
|
111
|
+
seriesField: "type",
|
|
112
|
+
xField: "x",
|
|
113
|
+
yField: "y",
|
|
114
|
+
stack: !1
|
|
115
|
+
} ],
|
|
116
|
+
axes: [ {
|
|
117
|
+
orient: "left"
|
|
118
|
+
}, {
|
|
119
|
+
orient: "bottom",
|
|
120
|
+
label: {
|
|
121
|
+
visible: !0
|
|
122
|
+
},
|
|
123
|
+
type: "band"
|
|
124
|
+
} ],
|
|
125
|
+
legends: {
|
|
126
|
+
visible: !0,
|
|
127
|
+
orient: "bottom"
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
//# sourceMappingURL=combination.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/spec/combination.ts"],"names":[],"mappings":"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","file":"combination.js","sourcesContent":["export const CombinationSpec = {\n type: 'common',\n seriesField: 'color',\n data: [\n {\n id: 'id0',\n values: [\n { x: '周一', type: '早餐', y: 15 },\n { x: '周一', type: '午餐', y: 25 },\n { x: '周二', type: '早餐', y: 12 },\n { x: '周二', type: '午餐', y: 30 },\n { x: '周三', type: '早餐', y: 15 },\n { x: '周三', type: '午餐', y: 24 },\n { x: '周四', type: '早餐', y: 10 },\n { x: '周四', type: '午餐', y: 25 },\n { x: '周五', type: '早餐', y: 13 },\n { x: '周五', type: '午餐', y: 20 },\n { x: '周六', type: '早餐', y: 10 },\n { x: '周六', type: '午餐', y: 22 },\n { x: '周日', type: '早餐', y: 12 },\n { x: '周日', type: '午餐', y: 19 }\n ]\n },\n {\n id: 'id1',\n values: [\n { x: '周一', type: '饮料', y: 22 },\n { x: '周二', type: '饮料', y: 43 },\n { x: '周三', type: '饮料', y: 33 },\n { x: '周四', type: '饮料', y: 22 },\n { x: '周五', type: '饮料', y: 10 },\n { x: '周六', type: '饮料', y: 30 },\n { x: '周日', type: '饮料', y: 50 }\n ]\n }\n ],\n series: [\n {\n type: 'bar',\n dataIndex: 0,\n label: { visible: true },\n seriesField: 'type',\n //@ts-ignore\n dataIndex: 0,\n xField: ['x', 'type'],\n yField: 'y'\n },\n {\n type: 'line',\n dataIndex: 1,\n label: { visible: true },\n seriesField: 'type',\n xField: 'x',\n yField: 'y',\n stack: false\n }\n ],\n axes: [{ orient: 'left' }, { orient: 'bottom', label: { visible: true }, type: 'band' }],\n legends: {\n visible: true,\n orient: 'bottom'\n }\n};\n"]}
|
package/esm/spec/gauge.d.ts
CHANGED
package/esm/spec/gauge.js
CHANGED
|
@@ -13,6 +13,7 @@ export const gaugeSpec = {
|
|
|
13
13
|
innerRadius: .7,
|
|
14
14
|
startAngle: -180,
|
|
15
15
|
endAngle: 0,
|
|
16
|
+
centerY: "60%",
|
|
16
17
|
indicator: [ {
|
|
17
18
|
visible: !0,
|
|
18
19
|
title: {
|
|
@@ -55,5 +56,4 @@ export const gaugeSpec = {
|
|
|
55
56
|
}
|
|
56
57
|
}
|
|
57
58
|
} ]
|
|
58
|
-
};
|
|
59
|
-
//# sourceMappingURL=gauge.js.map
|
|
59
|
+
};
|
package/esm/spec/gauge.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/spec/gauge.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE;QACJ;YACE,EAAE,EAAE,KAAK;YACT,MAAM,EAAE;gBACN;oBACE,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE,EAAE;iBACV;aACF;SACF;KACF;IACD,aAAa,EAAE,MAAM;IACrB,UAAU,EAAE,OAAO;IACnB,WAAW,EAAE,GAAG;IAChB,WAAW,EAAE,GAAG;IAChB,UAAU,EAAE,CAAC,GAAG;IAChB,QAAQ,EAAE,CAAC;IACX,SAAS,EAAE;QACT;YACE,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,IAAI,EAAE,IAAI;oBACV,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;iBAChB;aACF;SACF;KACF;IACD,IAAI,EAAE;QACJ;YACE,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,OAAO;YACf,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,EAAE;YACP,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;YACxB,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE;YAC7D,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE;YAChE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;SACjE;KACF;CACF,CAAC","file":"gauge.js","sourcesContent":["export const gaugeSpec = {\n type: 'gauge',\n data: [\n {\n id: 'id0',\n values: [\n {\n type: '目标A',\n value: 45\n }\n ]\n }\n ],\n categoryField: 'type',\n valueField: 'value',\n outerRadius: 0.8,\n innerRadius: 0.7,\n startAngle: -180,\n endAngle: 0,\n indicator: [\n {\n visible: true,\n title: {\n style: {\n text: '45',\n fontSize: 60,\n fontWeight: 800\n }\n }\n }\n ],\n axes: [\n {\n type: 'linear',\n orient: 'angle',\n min: 0,\n max: 50,\n offset: 20,\n radius: 0.81,\n grid: { visible: false },\n tick: { visible: true, tickSize: 5, style: { lineWidth: 1 } },\n subTick: { visible: true, tickSize: 3, style: { lineWidth: 1 } },\n label: { visible: true, style: { fill: 'black', fontSize: 12 } }\n }\n ]\n};\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/spec/gauge.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE;QACJ;YACE,EAAE,EAAE,KAAK;YACT,MAAM,EAAE;gBACN;oBACE,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE,EAAE;iBACV;aACF;SACF;KACF;IACD,aAAa,EAAE,MAAM;IACrB,UAAU,EAAE,OAAO;IACnB,WAAW,EAAE,GAAG;IAChB,WAAW,EAAE,GAAG;IAChB,UAAU,EAAE,CAAC,GAAG;IAChB,QAAQ,EAAE,CAAC;IACX,OAAO,EAAE,KAAK;IACd,SAAS,EAAE;QACT;YACE,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,KAAK,EAAE;oBACL,IAAI,EAAE,IAAI;oBACV,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;iBAChB;aACF;SACF;KACF;IACD,IAAI,EAAE;QACJ;YACE,IAAI,EAAE,QAAQ;YACd,MAAM,EAAE,OAAO;YACf,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,EAAE;YACP,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,IAAI;YACZ,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;YACxB,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE;YAC7D,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAAE;YAChE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE;SACjE;KACF;CACF,CAAC","file":"gauge.js","sourcesContent":["export const gaugeSpec = {\n type: 'gauge',\n data: [\n {\n id: 'id0',\n values: [\n {\n type: '目标A',\n value: 45\n }\n ]\n }\n ],\n categoryField: 'type',\n valueField: 'value',\n outerRadius: 0.8,\n innerRadius: 0.7,\n startAngle: -180,\n endAngle: 0,\n centerY: '60%',\n indicator: [\n {\n visible: true,\n title: {\n style: {\n text: '45',\n fontSize: 60,\n fontWeight: 800\n }\n }\n }\n ],\n axes: [\n {\n type: 'linear',\n orient: 'angle',\n min: 0,\n max: 50,\n offset: 20,\n radius: 0.81,\n grid: { visible: false },\n tick: { visible: true, tickSize: 5, style: { lineWidth: 1 } },\n subTick: { visible: true, tickSize: 3, style: { lineWidth: 1 } },\n label: { visible: true, style: { fill: 'black', fontSize: 12 } }\n }\n ]\n};\n"]}
|
|
@@ -26,6 +26,12 @@ import { ringSpec } from "../spec/ring";
|
|
|
26
26
|
|
|
27
27
|
import { scatterSpec } from "../spec/scatter";
|
|
28
28
|
|
|
29
|
+
import { funnelSpec } from "../spec/funnel";
|
|
30
|
+
|
|
31
|
+
import { CombinationSpec } from "../spec/combination";
|
|
32
|
+
|
|
33
|
+
import { businessFunnelSpec } from "../spec/businessFunnel";
|
|
34
|
+
|
|
29
35
|
export const charts = [ {
|
|
30
36
|
title: "Line Chart",
|
|
31
37
|
spec: lineSpec,
|
|
@@ -85,5 +91,17 @@ export const charts = [ {
|
|
|
85
91
|
title: "Horizontal Funnel",
|
|
86
92
|
spec: horizontalFunnelSpec,
|
|
87
93
|
fileName: "funnelHorizontal"
|
|
94
|
+
}, {
|
|
95
|
+
title: "漏斗图",
|
|
96
|
+
spec: funnelSpec,
|
|
97
|
+
fileName: "funnel"
|
|
98
|
+
}, {
|
|
99
|
+
title: "基础组合图",
|
|
100
|
+
spec: CombinationSpec,
|
|
101
|
+
fileName: "combination"
|
|
102
|
+
}, {
|
|
103
|
+
title: "业务漏斗图",
|
|
104
|
+
spec: businessFunnelSpec,
|
|
105
|
+
fileName: "businessFunnel"
|
|
88
106
|
} ];
|
|
89
107
|
//# sourceMappingURL=chart-list.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/vchart-chart-hub-theme/chart-list.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,8BAA8B,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"sources":["../src/vchart-chart-hub-theme/chart-list.ts"],"names":[],"mappings":"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","file":"chart-list.js","sourcesContent":["import type { IChartInfo } from '../interface';\nimport { areaSpec } from '../spec/area';\nimport { barGroupSpec } from '../spec/barGroup';\nimport { barGroupHorizontalSpec } from '../spec/barGroupHorizontal';\nimport { barStackedSpec } from '../spec/barStacked';\nimport { barStackedHorizontalSpec } from '../spec/barStackedHorizontal';\nimport { horizontalFunnelSpec } from '../spec/funnelHorizontal';\nimport { gaugeSpec } from '../spec/gauge';\nimport { horizontalBarSpec } from '../spec/horizontalBar';\nimport { indicatorSankeySpec } from '../spec/indicatorSankey';\nimport { lineSpec } from '../spec/line';\nimport { pieSpec } from '../spec/pie';\nimport { radarSpec } from '../spec/radar';\nimport { ringSpec } from '../spec/ring';\nimport { scatterSpec } from '../spec/scatter';\nimport { funnelSpec } from '../spec/funnel';\nimport { CombinationSpec } from '../spec/combination';\nimport { businessFunnelSpec } from '../spec/businessFunnel';\n\nexport const charts: IChartInfo[] = [\n {\n title: 'Line Chart',\n spec: lineSpec,\n fileName: 'line'\n },\n {\n title: 'Area Chart',\n spec: areaSpec,\n fileName: 'area'\n },\n {\n title: 'Grouped Bar Chart',\n spec: barGroupSpec,\n fileName: 'barGroup'\n },\n {\n title: 'Stacked Bar Chart',\n spec: barStackedSpec,\n fileName: 'barStacked'\n },\n {\n title: 'Horizontal Grouped Bar Chart',\n spec: barGroupHorizontalSpec,\n fileName: 'barGroupHorizontal'\n },\n {\n title: 'Horizontal Stacked Bar Chart',\n spec: barStackedHorizontalSpec,\n fileName: 'barStackedHorizontal'\n },\n {\n title: 'Pie Chart',\n spec: pieSpec,\n fileName: 'pie'\n },\n {\n title: 'Ring Chart',\n spec: ringSpec,\n fileName: 'ring'\n },\n {\n title: 'Gauge Chart',\n spec: gaugeSpec,\n fileName: 'gauge'\n },\n {\n title: 'Horizontal Bar Chart',\n spec: horizontalBarSpec,\n fileName: 'horizontalBar'\n },\n {\n title: 'Scatter Chart',\n spec: scatterSpec,\n fileName: 'scatter'\n },\n {\n title: 'Radar Chart',\n spec: radarSpec,\n fileName: 'radar'\n },\n {\n title: 'Indicator Sankey Chart',\n spec: indicatorSankeySpec,\n fileName: 'indicatorSankey',\n option: {\n enableHtmlAttribute: true\n }\n },\n {\n title: 'Horizontal Funnel',\n spec: horizontalFunnelSpec,\n fileName: 'funnelHorizontal'\n },\n {\n title: '漏斗图',\n spec: funnelSpec,\n fileName: 'funnel'\n },\n {\n title: '基础组合图',\n spec: CombinationSpec,\n fileName: 'combination'\n },\n {\n title: '业务漏斗图',\n spec: businessFunnelSpec,\n fileName: 'businessFunnel'\n }\n];\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/vchart-chart-hub-theme/charts.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,0CAA0C,CAAC;AAGlD,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC1B,MAAM,WAAW,GAAG,GAAG,CAAC;AAExB,MAAM,MAAM,GAAG,EAAE,CAAC;AAElB,MAAM,kBAAkB,GACtB,gHAAgH,CAAC;AAEnH,UAAU,CAAC,YAAY,CAAC,aAAa,CAAC,iBAAiB,EAAE,kBAAyB,CAAC,CAAC;AACpF,UAAU,CAAC,YAAY,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAM3D,MAAM,UAAU,MAAM,CAAC,KAAa;IAClC,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAO,SAAqB,EAAE,EAAE;QAC1D,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QACvC,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QACD,MAAM,OAAO,GAAG,GAAG,kBAAkB,GAAG,QAAQ,KAAK,CAAC;QACtD,IAAI,GAAG,GAAG,8BAA8B,OAAO,EAAE,CAAC;QAClD,IAAI,MAAM,EAAE;YACV,GAAG,IAAI,eAAe,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC;SAChD;QACD,GAAG,IAAI,sBAAsB,CAAC;QAC9B,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,CAAA,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,GAAG,IAAC,MAAM,EAAE,MAAM,IAChB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QACvB,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;YAChD,oBAAC,IAAI,IACH,SAAS,EAAC,gBAAgB,EAC1B,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,kBAAkB,EAChB,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,KAAK,CAAC,CAAC;oBACjB,CAAC,IAEA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CACb;gBAGX,oBAAC,eAAe,IACd,IAAI,kCACC,KAAK,CAAC,IAAI,KACb,MAAM,EAAE,WAAW,
|
|
1
|
+
{"version":3,"sources":["../src/vchart-chart-hub-theme/charts.tsx"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,0CAA0C,CAAC;AAGlD,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AAC1B,MAAM,WAAW,GAAG,GAAG,CAAC;AAExB,MAAM,MAAM,GAAG,EAAE,CAAC;AAElB,MAAM,kBAAkB,GACtB,gHAAgH,CAAC;AAEnH,UAAU,CAAC,YAAY,CAAC,aAAa,CAAC,iBAAiB,EAAE,kBAAyB,CAAC,CAAC;AACpF,UAAU,CAAC,YAAY,CAAC,eAAe,CAAC,iBAAiB,CAAC,CAAC;AAM3D,MAAM,UAAU,MAAM,CAAC,KAAa;IAClC,MAAM,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAElC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAO,SAAqB,EAAE,EAAE;QAC1D,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,SAAS,CAAC;QACvC,IAAI,CAAC,QAAQ,EAAE;YACb,OAAO;SACR;QACD,MAAM,OAAO,GAAG,GAAG,kBAAkB,GAAG,QAAQ,KAAK,CAAC;QACtD,IAAI,GAAG,GAAG,8BAA8B,OAAO,EAAE,CAAC;QAClD,IAAI,MAAM,EAAE;YACV,GAAG,IAAI,eAAe,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC;SAChD;QACD,GAAG,IAAI,sBAAsB,CAAC;QAC9B,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACnB,CAAC,CAAA,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,GAAG,IAAC,MAAM,EAAE,MAAM,IAChB,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;QACvB,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;YAChD,oBAAC,IAAI,IACH,SAAS,EAAC,gBAAgB,EAC1B,QAAQ,EAAE,KAAK,EACf,UAAU,EAAE,IAAI,EAChB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,kBAAkB,EAChB,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,GAAG,EAAE;wBACZ,OAAO,CAAC,KAAK,CAAC,CAAC;oBACjB,CAAC,IAEA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CACb;gBAGX,oBAAC,eAAe,IACd,IAAI,kCACC,KAAK,CAAC,IAAI,KACb,MAAM,EAAE,WAAW,KAErB,OAAO,kCACF,KAAK,CAAC,MAAM,KACf,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,MAEvD,CACG,CACH,CACP,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC","file":"charts.js","sourcesContent":["import React, { useCallback } from 'react';\nimport { isMobile } from 'react-device-detect';\nimport { charts } from './chart-list';\nimport { VChart as VChartComponent, VChartCore } from '@visactor/react-vchart';\nimport { i18n } from './i18n';\nimport { chartHubLightTheme } from '@visactor/vchart-theme';\n\nimport { Button, Card } from '@douyinfe/semi-ui';\nimport { Grid } from '@arco-design/web-react';\nimport '@arco-design/web-react/dist/css/arco.css';\nimport type { IChartInfo } from '../interface';\n\nconst { Row, Col } = Grid;\nconst chartHeight = 400;\n\nconst gutter = 16;\n\nconst DEMO_SOURCE_PREFIX =\n 'https://raw.githubusercontent.com/VisActor/vchart-theme/develop/packages/vchart-theme-demo-component/src/spec/';\n\nVChartCore.ThemeManager.registerTheme('chart-hub-light', chartHubLightTheme as any);\nVChartCore.ThemeManager.setCurrentTheme('chart-hub-light');\n\nexport interface IProps {\n language?: 'en' | 'zh';\n}\n\nexport function Charts(props: IProps) {\n const { language = 'zh' } = props;\n\n const onClick = useCallback(async (chartInfo: IChartInfo) => {\n const { fileName, option } = chartInfo;\n if (!fileName) {\n return;\n }\n const specUrl = `${DEMO_SOURCE_PREFIX}${fileName}.ts`;\n let url = `/vchart/playground?specUrl=${specUrl}`;\n if (option) {\n url += `&initOption=${JSON.stringify(option)}`;\n }\n url += `&theme=chartHubLight`;\n window.open(url);\n }, []);\n\n return (\n <Row gutter={gutter}>\n {charts.map((chart, i) => {\n return (\n <Col span={12} key={i} style={{ marginBottom: 16 }}>\n <Card\n className=\"chartContainer\"\n bordered={false}\n headerLine={true}\n title={chart.title}\n headerExtraContent={\n <Button\n size=\"small\"\n onClick={() => {\n onClick(chart);\n }}\n >\n {i18n.link[language]}\n </Button>\n }\n >\n <VChartComponent\n spec={{\n ...chart.spec,\n height: chartHeight\n }}\n options={{\n ...chart.option,\n mode: isMobile ? 'mobile-browser' : 'desktop-browser'\n }}\n />\n </Card>\n </Col>\n );\n })}\n </Row>\n );\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@visactor/vchart-theme-demo-component",
|
|
3
|
-
"version": "1.11.6
|
|
3
|
+
"version": "1.11.6",
|
|
4
4
|
"description": "theme demo page in vchart site",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"main": "cjs/index.js",
|
|
@@ -15,10 +15,10 @@
|
|
|
15
15
|
"@douyinfe/semi-icons": "latest",
|
|
16
16
|
"@douyinfe/semi-icons-lab": "latest",
|
|
17
17
|
"@arco-design/web-react": "^2.32.2",
|
|
18
|
-
"@visactor/vchart-theme-utils": "1.11.6
|
|
19
|
-
"@visactor/vchart-theme": "1.11.6
|
|
20
|
-
"@visactor/vchart": "1.11.
|
|
21
|
-
"@visactor/react-vchart": "1.11.
|
|
18
|
+
"@visactor/vchart-theme-utils": "1.11.6",
|
|
19
|
+
"@visactor/vchart-theme": "1.11.6",
|
|
20
|
+
"@visactor/vchart": "1.11.10",
|
|
21
|
+
"@visactor/react-vchart": "1.11.10"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
24
|
"react": ">=16.0.0",
|