@visactor/vchart-theme-demo-component 0.0.1-alpha.5 → 1.11.2-alpha.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/cjs/spec/area.d.ts +42 -0
- package/cjs/spec/area.js +151 -0
- package/cjs/spec/area.js.map +1 -0
- package/cjs/spec/bar.d.ts +30 -0
- package/cjs/spec/bar.js +80 -0
- package/cjs/spec/bar.js.map +1 -0
- package/cjs/spec/barGroup.d.ts +27 -0
- package/cjs/spec/barGroup.js +157 -0
- package/cjs/spec/barGroup.js.map +1 -0
- package/cjs/spec/barGroupHorizontal.d.ts +28 -0
- package/cjs/spec/barGroupHorizontal.js +94 -0
- package/cjs/spec/barGroupHorizontal.js.map +1 -0
- package/cjs/spec/barStacked.d.ts +30 -0
- package/cjs/spec/barStacked.js +160 -0
- package/cjs/spec/barStacked.js.map +1 -0
- package/cjs/spec/barStackedHorizontal.d.ts +31 -0
- package/cjs/spec/barStackedHorizontal.js +181 -0
- package/cjs/spec/barStackedHorizontal.js.map +1 -0
- package/cjs/spec/barStackedPercent.d.ts +32 -0
- package/cjs/spec/barStackedPercent.js +162 -0
- package/cjs/spec/barStackedPercent.js.map +1 -0
- package/cjs/spec/funnel.d.ts +19 -0
- package/cjs/spec/funnel.js +36 -0
- package/cjs/spec/funnel.js.map +1 -0
- package/cjs/spec/gauge.d.ts +58 -0
- package/cjs/spec/gauge.js +63 -0
- package/cjs/spec/gauge.js.map +1 -0
- package/cjs/spec/horizontalBar.d.ts +99 -0
- package/cjs/spec/horizontalBar.js +134 -0
- package/cjs/spec/horizontalBar.js.map +1 -0
- package/cjs/spec/indicatorSankey.d.ts +81 -0
- package/cjs/spec/indicatorSankey.js +103 -0
- package/cjs/spec/indicatorSankey.js.map +1 -0
- package/cjs/spec/line.d.ts +46 -0
- package/cjs/spec/line.js +154 -0
- package/cjs/spec/line.js.map +1 -0
- package/cjs/spec/pie.d.ts +44 -0
- package/cjs/spec/pie.js +53 -0
- package/cjs/spec/pie.js.map +1 -0
- package/cjs/spec/radar.d.ts +79 -0
- package/cjs/spec/radar.js +116 -0
- package/cjs/spec/radar.js.map +1 -0
- package/cjs/spec/ring.d.ts +54 -0
- package/cjs/spec/ring.js +63 -0
- package/cjs/spec/ring.js.map +1 -0
- package/cjs/spec/scatter.d.ts +57 -0
- package/cjs/spec/scatter.js +157 -0
- package/cjs/spec/scatter.js.map +1 -0
- package/cjs/vchart-chart-hub-theme/chart-list.js +14 -14
- package/cjs/vchart-chart-hub-theme/chart-list.js.map +1 -1
- package/esm/spec/area.d.ts +42 -0
- package/esm/spec/area.js +147 -0
- package/esm/spec/area.js.map +1 -0
- package/esm/spec/bar.d.ts +30 -0
- package/esm/spec/bar.js +76 -0
- package/esm/spec/bar.js.map +1 -0
- package/esm/spec/barGroup.d.ts +27 -0
- package/esm/spec/barGroup.js +153 -0
- package/esm/spec/barGroup.js.map +1 -0
- package/esm/spec/barGroupHorizontal.d.ts +28 -0
- package/esm/spec/barGroupHorizontal.js +90 -0
- package/esm/spec/barGroupHorizontal.js.map +1 -0
- package/esm/spec/barStacked.d.ts +30 -0
- package/esm/spec/barStacked.js +156 -0
- package/esm/spec/barStacked.js.map +1 -0
- package/esm/spec/barStackedHorizontal.d.ts +31 -0
- package/esm/spec/barStackedHorizontal.js +177 -0
- package/esm/spec/barStackedHorizontal.js.map +1 -0
- package/esm/spec/barStackedPercent.d.ts +32 -0
- package/esm/spec/barStackedPercent.js +158 -0
- package/esm/spec/barStackedPercent.js.map +1 -0
- package/esm/spec/funnel.d.ts +19 -0
- package/esm/spec/funnel.js +32 -0
- package/esm/spec/funnel.js.map +1 -0
- package/esm/spec/gauge.d.ts +58 -0
- package/esm/spec/gauge.js +59 -0
- package/esm/spec/gauge.js.map +1 -0
- package/esm/spec/horizontalBar.d.ts +99 -0
- package/esm/spec/horizontalBar.js +130 -0
- package/esm/spec/horizontalBar.js.map +1 -0
- package/esm/spec/indicatorSankey.d.ts +81 -0
- package/esm/spec/indicatorSankey.js +99 -0
- package/esm/spec/indicatorSankey.js.map +1 -0
- package/esm/spec/line.d.ts +46 -0
- package/esm/spec/line.js +150 -0
- package/esm/spec/line.js.map +1 -0
- package/esm/spec/pie.d.ts +44 -0
- package/esm/spec/pie.js +49 -0
- package/esm/spec/pie.js.map +1 -0
- package/esm/spec/radar.d.ts +79 -0
- package/esm/spec/radar.js +112 -0
- package/esm/spec/radar.js.map +1 -0
- package/esm/spec/ring.d.ts +54 -0
- package/esm/spec/ring.js +59 -0
- package/esm/spec/ring.js.map +1 -0
- package/esm/spec/scatter.d.ts +57 -0
- package/esm/spec/scatter.js +153 -0
- package/esm/spec/scatter.js.map +1 -0
- package/esm/vchart-chart-hub-theme/chart-list.js +25 -1
- package/esm/vchart-chart-hub-theme/chart-list.js.map +1 -1
- package/package.json +16 -14
- package/cjs/vchart-chart-hub-theme/chartSpec.d.ts +0 -757
- package/cjs/vchart-chart-hub-theme/chartSpec.js +0 -1776
- package/cjs/vchart-chart-hub-theme/chartSpec.js.map +0 -1
- package/esm/vchart-chart-hub-theme/chartSpec.d.ts +0 -757
- package/esm/vchart-chart-hub-theme/chartSpec.js +0 -1801
- package/esm/vchart-chart-hub-theme/chartSpec.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/spec/barStackedHorizontal.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,IAAI,EAAE,KAAK;IAEX,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;YACjD,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;YACjD,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;YACjD,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;YACjD,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;YACjD,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;YACjD,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;YACjD,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YAChD,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YAChD,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YAChD,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YAChD,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YAChD,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YAChD,EAAE,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YAChD,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YAC1C,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;YAC3C,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YAC1C,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YAC1C,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YAC1C,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YAC1C,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YAC1C,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YACtC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;YACvC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YACtC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YACtC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YACtC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YACtC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YACtC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YACtC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE;YACvC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YACtC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YACtC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YACtC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;YACtC,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;SACvC;KACF;IACD,MAAM,EAAE,GAAG;IACX,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,MAAM;IACd,WAAW,EAAE,MAAM;IACnB,IAAI,EAAE;QACJ;YACE,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YAC7B,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACxB;QACD;YACE,MAAM,EAAE,QAAQ;YAChB,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;YAC9B,IAAI,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;SACzB;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;KACd;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;KACd;CACF,CAAC","file":"barStackedHorizontal.js","sourcesContent":["export const barStackedHorizontalSpec = {\n type: 'bar',\n //stack: true,\n data: {\n values: [\n { type: 'Autocracies', year: '1930', value: 129 },\n { type: 'Autocracies', year: '1940', value: 133 },\n { type: 'Autocracies', year: '1950', value: 130 },\n { type: 'Autocracies', year: '1960', value: 126 },\n { type: 'Autocracies', year: '1970', value: 117 },\n { type: 'Autocracies', year: '1980', value: 114 },\n { type: 'Autocracies', year: '1990', value: 111 },\n { type: 'Democracies', year: '1930', value: 22 },\n { type: 'Democracies', year: '1940', value: 13 },\n { type: 'Democracies', year: '1950', value: 25 },\n { type: 'Democracies', year: '1960', value: 29 },\n { type: 'Democracies', year: '1970', value: 38 },\n { type: 'Democracies', year: '1980', value: 41 },\n { type: 'Democracies', year: '1990', value: 57 },\n { type: 'Price', year: '1930', value: 56 },\n { type: 'Price', year: '1940', value: 122 },\n { type: 'Price', year: '1950', value: 72 },\n { type: 'Price', year: '1960', value: 82 },\n { type: 'Price', year: '1970', value: 67 },\n { type: 'Price', year: '1980', value: 89 },\n { type: 'Price', year: '1990', value: 60 },\n { type: 'D', year: '1930', value: 56 },\n { type: 'D', year: '1940', value: 122 },\n { type: 'D', year: '1950', value: 72 },\n { type: 'D', year: '1960', value: 82 },\n { type: 'D', year: '1970', value: 67 },\n { type: 'D', year: '1980', value: 89 },\n { type: 'D', year: '1990', value: 60 },\n { type: 'E', year: '1930', value: 56 },\n { type: 'E', year: '1940', value: 122 },\n { type: 'E', year: '1950', value: 72 },\n { type: 'E', year: '1960', value: 82 },\n { type: 'E', year: '1970', value: 67 },\n { type: 'E', year: '1980', value: 89 },\n { type: 'E', year: '1990', value: 60 }\n ]\n },\n height: 500,\n direction: 'horizontal',\n xField: 'value',\n yField: 'year',\n seriesField: 'type',\n axes: [\n {\n orient: 'left',\n visible: true,\n domainLine: { visible: true },\n tick: { visible: true }\n },\n {\n orient: 'bottom',\n visible: true,\n domainLine: { visible: false },\n tick: { visible: false }\n }\n ],\n legends: {\n visible: true\n },\n indicator: {\n visible: true\n }\n};\n"]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export declare const barStackedPercentSpec: {
|
|
2
|
+
type: string;
|
|
3
|
+
stack: boolean;
|
|
4
|
+
percent: boolean;
|
|
5
|
+
data: {
|
|
6
|
+
values: {
|
|
7
|
+
type: string;
|
|
8
|
+
year: string;
|
|
9
|
+
value: number;
|
|
10
|
+
}[];
|
|
11
|
+
};
|
|
12
|
+
height: number;
|
|
13
|
+
xField: string;
|
|
14
|
+
yField: string;
|
|
15
|
+
seriesField: string;
|
|
16
|
+
axes: {
|
|
17
|
+
orient: string;
|
|
18
|
+
visible: boolean;
|
|
19
|
+
domainLine: {
|
|
20
|
+
visible: boolean;
|
|
21
|
+
};
|
|
22
|
+
tick: {
|
|
23
|
+
visible: boolean;
|
|
24
|
+
};
|
|
25
|
+
}[];
|
|
26
|
+
legends: {
|
|
27
|
+
visible: boolean;
|
|
28
|
+
};
|
|
29
|
+
label: {
|
|
30
|
+
visible: boolean;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
export const barStackedPercentSpec = {
|
|
2
|
+
type: "bar",
|
|
3
|
+
stack: !0,
|
|
4
|
+
percent: !0,
|
|
5
|
+
data: {
|
|
6
|
+
values: [ {
|
|
7
|
+
type: "Autocracies",
|
|
8
|
+
year: "1930",
|
|
9
|
+
value: 129
|
|
10
|
+
}, {
|
|
11
|
+
type: "Autocracies",
|
|
12
|
+
year: "1940",
|
|
13
|
+
value: 133
|
|
14
|
+
}, {
|
|
15
|
+
type: "Autocracies",
|
|
16
|
+
year: "1950",
|
|
17
|
+
value: 130
|
|
18
|
+
}, {
|
|
19
|
+
type: "Autocracies",
|
|
20
|
+
year: "1960",
|
|
21
|
+
value: 126
|
|
22
|
+
}, {
|
|
23
|
+
type: "Autocracies",
|
|
24
|
+
year: "1970",
|
|
25
|
+
value: 117
|
|
26
|
+
}, {
|
|
27
|
+
type: "Autocracies",
|
|
28
|
+
year: "1980",
|
|
29
|
+
value: 114
|
|
30
|
+
}, {
|
|
31
|
+
type: "Autocracies",
|
|
32
|
+
year: "1990",
|
|
33
|
+
value: 111
|
|
34
|
+
}, {
|
|
35
|
+
type: "Autocracies",
|
|
36
|
+
year: "2000",
|
|
37
|
+
value: 89
|
|
38
|
+
}, {
|
|
39
|
+
type: "Autocracies",
|
|
40
|
+
year: "2010",
|
|
41
|
+
value: 80
|
|
42
|
+
}, {
|
|
43
|
+
type: "Autocracies",
|
|
44
|
+
year: "2018",
|
|
45
|
+
value: 80
|
|
46
|
+
}, {
|
|
47
|
+
type: "Democracies",
|
|
48
|
+
year: "1930",
|
|
49
|
+
value: 22
|
|
50
|
+
}, {
|
|
51
|
+
type: "Democracies",
|
|
52
|
+
year: "1940",
|
|
53
|
+
value: 13
|
|
54
|
+
}, {
|
|
55
|
+
type: "Democracies",
|
|
56
|
+
year: "1950",
|
|
57
|
+
value: 25
|
|
58
|
+
}, {
|
|
59
|
+
type: "Democracies",
|
|
60
|
+
year: "1960",
|
|
61
|
+
value: 29
|
|
62
|
+
}, {
|
|
63
|
+
type: "Democracies",
|
|
64
|
+
year: "1970",
|
|
65
|
+
value: 38
|
|
66
|
+
}, {
|
|
67
|
+
type: "Democracies",
|
|
68
|
+
year: "1980",
|
|
69
|
+
value: 41
|
|
70
|
+
}, {
|
|
71
|
+
type: "Democracies",
|
|
72
|
+
year: "1990",
|
|
73
|
+
value: 57
|
|
74
|
+
}, {
|
|
75
|
+
type: "Democracies",
|
|
76
|
+
year: "2000",
|
|
77
|
+
value: 87
|
|
78
|
+
}, {
|
|
79
|
+
type: "Democracies",
|
|
80
|
+
year: "2010",
|
|
81
|
+
value: 98
|
|
82
|
+
}, {
|
|
83
|
+
type: "Democracies",
|
|
84
|
+
year: "2018",
|
|
85
|
+
value: 99
|
|
86
|
+
}, {
|
|
87
|
+
type: "Price",
|
|
88
|
+
year: "1930",
|
|
89
|
+
value: 56
|
|
90
|
+
}, {
|
|
91
|
+
type: "Price",
|
|
92
|
+
year: "1940",
|
|
93
|
+
value: 122
|
|
94
|
+
}, {
|
|
95
|
+
type: "Price",
|
|
96
|
+
year: "1950",
|
|
97
|
+
value: 72
|
|
98
|
+
}, {
|
|
99
|
+
type: "Price",
|
|
100
|
+
year: "1960",
|
|
101
|
+
value: 82
|
|
102
|
+
}, {
|
|
103
|
+
type: "Price",
|
|
104
|
+
year: "1970",
|
|
105
|
+
value: 67
|
|
106
|
+
}, {
|
|
107
|
+
type: "Price",
|
|
108
|
+
year: "1980",
|
|
109
|
+
value: 89
|
|
110
|
+
}, {
|
|
111
|
+
type: "Price",
|
|
112
|
+
year: "1990",
|
|
113
|
+
value: 60
|
|
114
|
+
}, {
|
|
115
|
+
type: "Price",
|
|
116
|
+
year: "2000",
|
|
117
|
+
value: 123
|
|
118
|
+
}, {
|
|
119
|
+
type: "Price",
|
|
120
|
+
year: "2010",
|
|
121
|
+
value: 111
|
|
122
|
+
}, {
|
|
123
|
+
type: "Price",
|
|
124
|
+
year: "2018",
|
|
125
|
+
value: 99
|
|
126
|
+
} ]
|
|
127
|
+
},
|
|
128
|
+
height: 500,
|
|
129
|
+
xField: "year",
|
|
130
|
+
yField: "value",
|
|
131
|
+
seriesField: "type",
|
|
132
|
+
axes: [ {
|
|
133
|
+
orient: "bottom",
|
|
134
|
+
visible: !0,
|
|
135
|
+
domainLine: {
|
|
136
|
+
visible: !0
|
|
137
|
+
},
|
|
138
|
+
tick: {
|
|
139
|
+
visible: !0
|
|
140
|
+
}
|
|
141
|
+
}, {
|
|
142
|
+
orient: "left",
|
|
143
|
+
visible: !0,
|
|
144
|
+
domainLine: {
|
|
145
|
+
visible: !1
|
|
146
|
+
},
|
|
147
|
+
tick: {
|
|
148
|
+
visible: !1
|
|
149
|
+
}
|
|
150
|
+
} ],
|
|
151
|
+
legends: {
|
|
152
|
+
visible: !0
|
|
153
|
+
},
|
|
154
|
+
label: {
|
|
155
|
+
visible: !1
|
|
156
|
+
}
|
|
157
|
+
};
|
|
158
|
+
//# sourceMappingURL=barStackedPercent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/spec/barStackedPercent.ts"],"names":[],"mappings":"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","file":"barStackedPercent.js","sourcesContent":["export const barStackedPercentSpec = {\n type: 'bar',\n stack: true,\n percent: true,\n data: {\n values: [\n { type: 'Autocracies', year: '1930', value: 129 },\n { type: 'Autocracies', year: '1940', value: 133 },\n { type: 'Autocracies', year: '1950', value: 130 },\n { type: 'Autocracies', year: '1960', value: 126 },\n { type: 'Autocracies', year: '1970', value: 117 },\n { type: 'Autocracies', year: '1980', value: 114 },\n { type: 'Autocracies', year: '1990', value: 111 },\n { type: 'Autocracies', year: '2000', value: 89 },\n { type: 'Autocracies', year: '2010', value: 80 },\n { type: 'Autocracies', year: '2018', value: 80 },\n { type: 'Democracies', year: '1930', value: 22 },\n { type: 'Democracies', year: '1940', value: 13 },\n { type: 'Democracies', year: '1950', value: 25 },\n { type: 'Democracies', year: '1960', value: 29 },\n { type: 'Democracies', year: '1970', value: 38 },\n { type: 'Democracies', year: '1980', value: 41 },\n { type: 'Democracies', year: '1990', value: 57 },\n { type: 'Democracies', year: '2000', value: 87 },\n { type: 'Democracies', year: '2010', value: 98 },\n { type: 'Democracies', year: '2018', value: 99 },\n { type: 'Price', year: '1930', value: 56 },\n { type: 'Price', year: '1940', value: 122 },\n { type: 'Price', year: '1950', value: 72 },\n { type: 'Price', year: '1960', value: 82 },\n { type: 'Price', year: '1970', value: 67 },\n { type: 'Price', year: '1980', value: 89 },\n { type: 'Price', year: '1990', value: 60 },\n { type: 'Price', year: '2000', value: 123 },\n { type: 'Price', year: '2010', value: 111 },\n { type: 'Price', year: '2018', value: 99 }\n ]\n },\n height: 500,\n xField: 'year',\n yField: 'value',\n seriesField: 'type',\n axes: [\n {\n orient: 'bottom',\n visible: true,\n domainLine: { visible: true },\n tick: { visible: true }\n },\n {\n orient: 'left',\n visible: true,\n domainLine: { visible: false },\n tick: { visible: false }\n }\n ],\n legends: {\n visible: true\n },\n label: {\n visible: false\n }\n};\n"]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
export declare const funnelSpec: {
|
|
2
|
+
type: string;
|
|
3
|
+
categoryField: string;
|
|
4
|
+
valueField: string;
|
|
5
|
+
data: {
|
|
6
|
+
id: string;
|
|
7
|
+
values: {
|
|
8
|
+
value: number;
|
|
9
|
+
name: string;
|
|
10
|
+
}[];
|
|
11
|
+
}[];
|
|
12
|
+
label: {
|
|
13
|
+
visible: boolean;
|
|
14
|
+
};
|
|
15
|
+
legends: {
|
|
16
|
+
visible: boolean;
|
|
17
|
+
orient: string;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export const funnelSpec = {
|
|
2
|
+
type: "funnel",
|
|
3
|
+
categoryField: "name",
|
|
4
|
+
valueField: "value",
|
|
5
|
+
data: [ {
|
|
6
|
+
id: "funnel",
|
|
7
|
+
values: [ {
|
|
8
|
+
value: 100,
|
|
9
|
+
name: "Step1"
|
|
10
|
+
}, {
|
|
11
|
+
value: 80,
|
|
12
|
+
name: "Step2"
|
|
13
|
+
}, {
|
|
14
|
+
value: 60,
|
|
15
|
+
name: "Step3"
|
|
16
|
+
}, {
|
|
17
|
+
value: 40,
|
|
18
|
+
name: "Step4"
|
|
19
|
+
}, {
|
|
20
|
+
value: 20,
|
|
21
|
+
name: "Step5"
|
|
22
|
+
} ]
|
|
23
|
+
} ],
|
|
24
|
+
label: {
|
|
25
|
+
visible: !0
|
|
26
|
+
},
|
|
27
|
+
legends: {
|
|
28
|
+
visible: !0,
|
|
29
|
+
orient: "bottom"
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=funnel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/spec/funnel.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE,QAAQ;IACd,aAAa,EAAE,MAAM;IACrB,UAAU,EAAE,OAAO;IACnB,IAAI,EAAE;QACJ;YACE,EAAE,EAAE,QAAQ;YACZ,MAAM,EAAE;gBACN;oBACE,KAAK,EAAE,GAAG;oBACV,IAAI,EAAE,OAAO;iBACd;gBACD;oBACE,KAAK,EAAE,EAAE;oBACT,IAAI,EAAE,OAAO;iBACd;gBACD;oBACE,KAAK,EAAE,EAAE;oBACT,IAAI,EAAE,OAAO;iBACd;gBACD;oBACE,KAAK,EAAE,EAAE;oBACT,IAAI,EAAE,OAAO;iBACd;gBACD;oBACE,KAAK,EAAE,EAAE;oBACT,IAAI,EAAE,OAAO;iBACd;aACF;SACF;KACF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,IAAI;KACd;IACD,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,QAAQ;KACjB;CACF,CAAC","file":"funnel.js","sourcesContent":["export const funnelSpec = {\n type: 'funnel',\n categoryField: 'name',\n valueField: 'value',\n data: [\n {\n id: 'funnel',\n values: [\n {\n value: 100,\n name: 'Step1'\n },\n {\n value: 80,\n name: 'Step2'\n },\n {\n value: 60,\n name: 'Step3'\n },\n {\n value: 40,\n name: 'Step4'\n },\n {\n value: 20,\n name: 'Step5'\n }\n ]\n }\n ],\n label: {\n visible: true\n },\n legends: {\n visible: true,\n orient: 'bottom'\n }\n};\n"]}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
export declare const gaugeSpec: {
|
|
2
|
+
type: string;
|
|
3
|
+
data: {
|
|
4
|
+
id: string;
|
|
5
|
+
values: {
|
|
6
|
+
type: string;
|
|
7
|
+
value: number;
|
|
8
|
+
}[];
|
|
9
|
+
}[];
|
|
10
|
+
categoryField: string;
|
|
11
|
+
valueField: string;
|
|
12
|
+
outerRadius: number;
|
|
13
|
+
innerRadius: number;
|
|
14
|
+
startAngle: number;
|
|
15
|
+
endAngle: number;
|
|
16
|
+
indicator: {
|
|
17
|
+
visible: boolean;
|
|
18
|
+
title: {
|
|
19
|
+
style: {
|
|
20
|
+
text: string;
|
|
21
|
+
fontSize: number;
|
|
22
|
+
fontWeight: number;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
}[];
|
|
26
|
+
axes: {
|
|
27
|
+
type: string;
|
|
28
|
+
orient: string;
|
|
29
|
+
min: number;
|
|
30
|
+
max: number;
|
|
31
|
+
offset: number;
|
|
32
|
+
radius: number;
|
|
33
|
+
grid: {
|
|
34
|
+
visible: boolean;
|
|
35
|
+
};
|
|
36
|
+
tick: {
|
|
37
|
+
visible: boolean;
|
|
38
|
+
tickSize: number;
|
|
39
|
+
style: {
|
|
40
|
+
lineWidth: number;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
subTick: {
|
|
44
|
+
visible: boolean;
|
|
45
|
+
tickSize: number;
|
|
46
|
+
style: {
|
|
47
|
+
lineWidth: number;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
label: {
|
|
51
|
+
visible: boolean;
|
|
52
|
+
style: {
|
|
53
|
+
fill: string;
|
|
54
|
+
fontSize: number;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
}[];
|
|
58
|
+
};
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
export const gaugeSpec = {
|
|
2
|
+
type: "gauge",
|
|
3
|
+
data: [ {
|
|
4
|
+
id: "id0",
|
|
5
|
+
values: [ {
|
|
6
|
+
type: "目标A",
|
|
7
|
+
value: 45
|
|
8
|
+
} ]
|
|
9
|
+
} ],
|
|
10
|
+
categoryField: "type",
|
|
11
|
+
valueField: "value",
|
|
12
|
+
outerRadius: .8,
|
|
13
|
+
innerRadius: .7,
|
|
14
|
+
startAngle: -180,
|
|
15
|
+
endAngle: 0,
|
|
16
|
+
indicator: [ {
|
|
17
|
+
visible: !0,
|
|
18
|
+
title: {
|
|
19
|
+
style: {
|
|
20
|
+
text: "45",
|
|
21
|
+
fontSize: 60,
|
|
22
|
+
fontWeight: 800
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
} ],
|
|
26
|
+
axes: [ {
|
|
27
|
+
type: "linear",
|
|
28
|
+
orient: "angle",
|
|
29
|
+
min: 0,
|
|
30
|
+
max: 50,
|
|
31
|
+
offset: 20,
|
|
32
|
+
radius: .81,
|
|
33
|
+
grid: {
|
|
34
|
+
visible: !1
|
|
35
|
+
},
|
|
36
|
+
tick: {
|
|
37
|
+
visible: !0,
|
|
38
|
+
tickSize: 5,
|
|
39
|
+
style: {
|
|
40
|
+
lineWidth: 1
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
subTick: {
|
|
44
|
+
visible: !0,
|
|
45
|
+
tickSize: 3,
|
|
46
|
+
style: {
|
|
47
|
+
lineWidth: 1
|
|
48
|
+
}
|
|
49
|
+
},
|
|
50
|
+
label: {
|
|
51
|
+
visible: !0,
|
|
52
|
+
style: {
|
|
53
|
+
fill: "black",
|
|
54
|
+
fontSize: 12
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
} ]
|
|
58
|
+
};
|
|
59
|
+
//# sourceMappingURL=gauge.js.map
|
|
@@ -0,0 +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"]}
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
export declare const horizontalBarSpec: {
|
|
2
|
+
type: string;
|
|
3
|
+
data: {
|
|
4
|
+
id: string;
|
|
5
|
+
values: {
|
|
6
|
+
province: string;
|
|
7
|
+
value: number;
|
|
8
|
+
type: string;
|
|
9
|
+
}[];
|
|
10
|
+
}[];
|
|
11
|
+
direction: string;
|
|
12
|
+
xField: string;
|
|
13
|
+
yField: string;
|
|
14
|
+
seriesField: string;
|
|
15
|
+
padding: {
|
|
16
|
+
right: number;
|
|
17
|
+
left: number;
|
|
18
|
+
};
|
|
19
|
+
axes: ({
|
|
20
|
+
orient: string;
|
|
21
|
+
visible: boolean;
|
|
22
|
+
nice: boolean;
|
|
23
|
+
maxWidth?: undefined;
|
|
24
|
+
label?: undefined;
|
|
25
|
+
domainLine?: undefined;
|
|
26
|
+
tick?: undefined;
|
|
27
|
+
} | {
|
|
28
|
+
orient: string;
|
|
29
|
+
maxWidth: number;
|
|
30
|
+
label: {
|
|
31
|
+
autoLimit: boolean;
|
|
32
|
+
};
|
|
33
|
+
domainLine: {
|
|
34
|
+
visible: boolean;
|
|
35
|
+
};
|
|
36
|
+
tick: {
|
|
37
|
+
visible: boolean;
|
|
38
|
+
};
|
|
39
|
+
visible?: undefined;
|
|
40
|
+
nice?: undefined;
|
|
41
|
+
})[];
|
|
42
|
+
stackCornerRadius: number;
|
|
43
|
+
bar: {
|
|
44
|
+
style: {
|
|
45
|
+
cornerRadius: number[];
|
|
46
|
+
height: number;
|
|
47
|
+
};
|
|
48
|
+
};
|
|
49
|
+
barBackground: {
|
|
50
|
+
visible: boolean;
|
|
51
|
+
style: {
|
|
52
|
+
cornerRadius: number[];
|
|
53
|
+
height: number;
|
|
54
|
+
};
|
|
55
|
+
state: {
|
|
56
|
+
hover: {
|
|
57
|
+
stroke: string;
|
|
58
|
+
lineWidth: number;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
extensionMark: {
|
|
63
|
+
type: string;
|
|
64
|
+
dataId: string;
|
|
65
|
+
visible: boolean;
|
|
66
|
+
style: {
|
|
67
|
+
text: (datum: any) => any;
|
|
68
|
+
fontSize: number;
|
|
69
|
+
x: (datum: any, ctx: any) => any;
|
|
70
|
+
y: (datum: any, ctx: any) => any;
|
|
71
|
+
textBaseline: string;
|
|
72
|
+
textAlign: string;
|
|
73
|
+
fill: string;
|
|
74
|
+
size: number;
|
|
75
|
+
};
|
|
76
|
+
}[];
|
|
77
|
+
crosshair: {
|
|
78
|
+
yField: {
|
|
79
|
+
visible: boolean;
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
tooltip: {
|
|
83
|
+
mark: {
|
|
84
|
+
title: {
|
|
85
|
+
visible: boolean;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
dimension: {
|
|
89
|
+
title: {
|
|
90
|
+
visible: boolean;
|
|
91
|
+
};
|
|
92
|
+
};
|
|
93
|
+
style: {
|
|
94
|
+
shape: {
|
|
95
|
+
shapeType: string;
|
|
96
|
+
};
|
|
97
|
+
};
|
|
98
|
+
};
|
|
99
|
+
};
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
export const horizontalBarSpec = {
|
|
2
|
+
type: "bar",
|
|
3
|
+
data: [ {
|
|
4
|
+
id: "barData",
|
|
5
|
+
values: [ {
|
|
6
|
+
province: "北京",
|
|
7
|
+
value: 3080,
|
|
8
|
+
type: "top1"
|
|
9
|
+
}, {
|
|
10
|
+
province: "天津",
|
|
11
|
+
value: 2880,
|
|
12
|
+
type: "top2"
|
|
13
|
+
}, {
|
|
14
|
+
province: "重庆",
|
|
15
|
+
value: 880,
|
|
16
|
+
type: "top3"
|
|
17
|
+
}, {
|
|
18
|
+
province: "深圳",
|
|
19
|
+
value: 780,
|
|
20
|
+
type: "common"
|
|
21
|
+
}, {
|
|
22
|
+
province: "广州",
|
|
23
|
+
value: 680,
|
|
24
|
+
type: "common"
|
|
25
|
+
}, {
|
|
26
|
+
province: "山东",
|
|
27
|
+
value: 580,
|
|
28
|
+
type: "common"
|
|
29
|
+
}, {
|
|
30
|
+
province: "浙江",
|
|
31
|
+
value: 480,
|
|
32
|
+
type: "common"
|
|
33
|
+
}, {
|
|
34
|
+
province: "福建",
|
|
35
|
+
value: 100,
|
|
36
|
+
type: "common"
|
|
37
|
+
}, {
|
|
38
|
+
province: "石家庄",
|
|
39
|
+
value: 100,
|
|
40
|
+
type: "common"
|
|
41
|
+
}, {
|
|
42
|
+
province: "广西壮族自治区",
|
|
43
|
+
value: 100,
|
|
44
|
+
type: "common"
|
|
45
|
+
} ]
|
|
46
|
+
} ],
|
|
47
|
+
direction: "horizontal",
|
|
48
|
+
xField: "value",
|
|
49
|
+
yField: "province",
|
|
50
|
+
seriesField: "province",
|
|
51
|
+
padding: {
|
|
52
|
+
right: 50,
|
|
53
|
+
left: 10
|
|
54
|
+
},
|
|
55
|
+
axes: [ {
|
|
56
|
+
orient: "bottom",
|
|
57
|
+
visible: !1,
|
|
58
|
+
nice: !1
|
|
59
|
+
}, {
|
|
60
|
+
orient: "left",
|
|
61
|
+
maxWidth: 65,
|
|
62
|
+
label: {
|
|
63
|
+
autoLimit: !0
|
|
64
|
+
},
|
|
65
|
+
domainLine: {
|
|
66
|
+
visible: !1
|
|
67
|
+
},
|
|
68
|
+
tick: {
|
|
69
|
+
visible: !1
|
|
70
|
+
}
|
|
71
|
+
} ],
|
|
72
|
+
stackCornerRadius: 0,
|
|
73
|
+
bar: {
|
|
74
|
+
style: {
|
|
75
|
+
cornerRadius: [ 5, 5, 5, 5 ],
|
|
76
|
+
height: 10
|
|
77
|
+
}
|
|
78
|
+
},
|
|
79
|
+
barBackground: {
|
|
80
|
+
visible: !0,
|
|
81
|
+
style: {
|
|
82
|
+
cornerRadius: [ 5, 5, 5, 5 ],
|
|
83
|
+
height: 10
|
|
84
|
+
},
|
|
85
|
+
state: {
|
|
86
|
+
hover: {
|
|
87
|
+
stroke: "#D9D9D9",
|
|
88
|
+
lineWidth: 1
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
},
|
|
92
|
+
extensionMark: [ {
|
|
93
|
+
type: "text",
|
|
94
|
+
dataId: "barData",
|
|
95
|
+
visible: !0,
|
|
96
|
+
style: {
|
|
97
|
+
text: datum => datum.value,
|
|
98
|
+
fontSize: 12,
|
|
99
|
+
x: (datum, ctx) => ctx.getRegion().getLayoutRect().width + 10,
|
|
100
|
+
y: (datum, ctx) => ctx.valueToY([ datum.province ]) + ctx.yBandwidth() / 2,
|
|
101
|
+
textBaseline: "middle",
|
|
102
|
+
textAlign: "left",
|
|
103
|
+
fill: "#595959",
|
|
104
|
+
size: 20
|
|
105
|
+
}
|
|
106
|
+
} ],
|
|
107
|
+
crosshair: {
|
|
108
|
+
yField: {
|
|
109
|
+
visible: !1
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
tooltip: {
|
|
113
|
+
mark: {
|
|
114
|
+
title: {
|
|
115
|
+
visible: !1
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
dimension: {
|
|
119
|
+
title: {
|
|
120
|
+
visible: !1
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
style: {
|
|
124
|
+
shape: {
|
|
125
|
+
shapeType: "circle"
|
|
126
|
+
}
|
|
127
|
+
}
|
|
128
|
+
}
|
|
129
|
+
};
|
|
130
|
+
//# sourceMappingURL=horizontalBar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/spec/horizontalBar.ts"],"names":[],"mappings":"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","file":"horizontalBar.js","sourcesContent":["export const horizontalBarSpec = {\n type: 'bar',\n data: [\n {\n id: 'barData',\n values: [\n {\n province: '北京',\n value: 3080,\n type: 'top1'\n },\n {\n province: '天津',\n value: 2880,\n type: 'top2'\n },\n {\n province: '重庆',\n value: 880,\n type: 'top3'\n },\n {\n province: '深圳',\n value: 780,\n type: 'common'\n },\n {\n province: '广州',\n value: 680,\n type: 'common'\n },\n {\n province: '山东',\n value: 580,\n type: 'common'\n },\n {\n province: '浙江',\n value: 480,\n type: 'common'\n },\n {\n province: '福建',\n value: 100,\n type: 'common'\n },\n {\n province: '石家庄',\n value: 100,\n type: 'common'\n },\n {\n province: '广西壮族自治区',\n value: 100,\n type: 'common'\n }\n ]\n }\n ],\n direction: 'horizontal',\n xField: 'value',\n yField: 'province',\n seriesField: 'province',\n padding: { right: 50, left: 10 },\n axes: [\n {\n orient: 'bottom',\n visible: false,\n nice: false\n },\n {\n orient: 'left',\n maxWidth: 65,\n label: {\n autoLimit: true\n },\n domainLine: {\n visible: false\n },\n tick: {\n visible: false\n }\n }\n ],\n stackCornerRadius: 0,\n bar: {\n style: {\n cornerRadius: [5, 5, 5, 5],\n height: 10\n }\n },\n barBackground: {\n visible: true,\n style: {\n cornerRadius: [5, 5, 5, 5],\n height: 10\n },\n state: {\n hover: {\n stroke: '#D9D9D9',\n lineWidth: 1\n }\n }\n },\n extensionMark: [\n {\n type: 'text',\n dataId: 'barData',\n visible: true,\n style: {\n text: (datum: any) => datum.value,\n fontSize: 12,\n x: (datum: any, ctx: any) => {\n return ctx.getRegion().getLayoutRect().width + 10;\n },\n y: (datum: any, ctx: any) => {\n return ctx.valueToY([datum.province]) + ctx.yBandwidth() / 2;\n },\n textBaseline: 'middle',\n textAlign: 'left',\n fill: '#595959',\n size: 20\n }\n }\n ],\n crosshair: {\n yField: {\n visible: false\n }\n },\n tooltip: {\n mark: {\n title: {\n visible: false\n }\n },\n dimension: {\n title: {\n visible: false\n }\n },\n style: {\n shape: {\n shapeType: 'circle'\n }\n }\n }\n};\n"]}
|