@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.
Files changed (107) hide show
  1. package/cjs/spec/area.d.ts +42 -0
  2. package/cjs/spec/area.js +151 -0
  3. package/cjs/spec/area.js.map +1 -0
  4. package/cjs/spec/bar.d.ts +30 -0
  5. package/cjs/spec/bar.js +80 -0
  6. package/cjs/spec/bar.js.map +1 -0
  7. package/cjs/spec/barGroup.d.ts +27 -0
  8. package/cjs/spec/barGroup.js +157 -0
  9. package/cjs/spec/barGroup.js.map +1 -0
  10. package/cjs/spec/barGroupHorizontal.d.ts +28 -0
  11. package/cjs/spec/barGroupHorizontal.js +94 -0
  12. package/cjs/spec/barGroupHorizontal.js.map +1 -0
  13. package/cjs/spec/barStacked.d.ts +30 -0
  14. package/cjs/spec/barStacked.js +160 -0
  15. package/cjs/spec/barStacked.js.map +1 -0
  16. package/cjs/spec/barStackedHorizontal.d.ts +31 -0
  17. package/cjs/spec/barStackedHorizontal.js +181 -0
  18. package/cjs/spec/barStackedHorizontal.js.map +1 -0
  19. package/cjs/spec/barStackedPercent.d.ts +32 -0
  20. package/cjs/spec/barStackedPercent.js +162 -0
  21. package/cjs/spec/barStackedPercent.js.map +1 -0
  22. package/cjs/spec/funnel.d.ts +19 -0
  23. package/cjs/spec/funnel.js +36 -0
  24. package/cjs/spec/funnel.js.map +1 -0
  25. package/cjs/spec/gauge.d.ts +58 -0
  26. package/cjs/spec/gauge.js +63 -0
  27. package/cjs/spec/gauge.js.map +1 -0
  28. package/cjs/spec/horizontalBar.d.ts +99 -0
  29. package/cjs/spec/horizontalBar.js +134 -0
  30. package/cjs/spec/horizontalBar.js.map +1 -0
  31. package/cjs/spec/indicatorSankey.d.ts +81 -0
  32. package/cjs/spec/indicatorSankey.js +103 -0
  33. package/cjs/spec/indicatorSankey.js.map +1 -0
  34. package/cjs/spec/line.d.ts +46 -0
  35. package/cjs/spec/line.js +154 -0
  36. package/cjs/spec/line.js.map +1 -0
  37. package/cjs/spec/pie.d.ts +44 -0
  38. package/cjs/spec/pie.js +53 -0
  39. package/cjs/spec/pie.js.map +1 -0
  40. package/cjs/spec/radar.d.ts +79 -0
  41. package/cjs/spec/radar.js +116 -0
  42. package/cjs/spec/radar.js.map +1 -0
  43. package/cjs/spec/ring.d.ts +54 -0
  44. package/cjs/spec/ring.js +63 -0
  45. package/cjs/spec/ring.js.map +1 -0
  46. package/cjs/spec/scatter.d.ts +57 -0
  47. package/cjs/spec/scatter.js +157 -0
  48. package/cjs/spec/scatter.js.map +1 -0
  49. package/cjs/vchart-chart-hub-theme/chart-list.js +14 -14
  50. package/cjs/vchart-chart-hub-theme/chart-list.js.map +1 -1
  51. package/esm/spec/area.d.ts +42 -0
  52. package/esm/spec/area.js +147 -0
  53. package/esm/spec/area.js.map +1 -0
  54. package/esm/spec/bar.d.ts +30 -0
  55. package/esm/spec/bar.js +76 -0
  56. package/esm/spec/bar.js.map +1 -0
  57. package/esm/spec/barGroup.d.ts +27 -0
  58. package/esm/spec/barGroup.js +153 -0
  59. package/esm/spec/barGroup.js.map +1 -0
  60. package/esm/spec/barGroupHorizontal.d.ts +28 -0
  61. package/esm/spec/barGroupHorizontal.js +90 -0
  62. package/esm/spec/barGroupHorizontal.js.map +1 -0
  63. package/esm/spec/barStacked.d.ts +30 -0
  64. package/esm/spec/barStacked.js +156 -0
  65. package/esm/spec/barStacked.js.map +1 -0
  66. package/esm/spec/barStackedHorizontal.d.ts +31 -0
  67. package/esm/spec/barStackedHorizontal.js +177 -0
  68. package/esm/spec/barStackedHorizontal.js.map +1 -0
  69. package/esm/spec/barStackedPercent.d.ts +32 -0
  70. package/esm/spec/barStackedPercent.js +158 -0
  71. package/esm/spec/barStackedPercent.js.map +1 -0
  72. package/esm/spec/funnel.d.ts +19 -0
  73. package/esm/spec/funnel.js +32 -0
  74. package/esm/spec/funnel.js.map +1 -0
  75. package/esm/spec/gauge.d.ts +58 -0
  76. package/esm/spec/gauge.js +59 -0
  77. package/esm/spec/gauge.js.map +1 -0
  78. package/esm/spec/horizontalBar.d.ts +99 -0
  79. package/esm/spec/horizontalBar.js +130 -0
  80. package/esm/spec/horizontalBar.js.map +1 -0
  81. package/esm/spec/indicatorSankey.d.ts +81 -0
  82. package/esm/spec/indicatorSankey.js +99 -0
  83. package/esm/spec/indicatorSankey.js.map +1 -0
  84. package/esm/spec/line.d.ts +46 -0
  85. package/esm/spec/line.js +150 -0
  86. package/esm/spec/line.js.map +1 -0
  87. package/esm/spec/pie.d.ts +44 -0
  88. package/esm/spec/pie.js +49 -0
  89. package/esm/spec/pie.js.map +1 -0
  90. package/esm/spec/radar.d.ts +79 -0
  91. package/esm/spec/radar.js +112 -0
  92. package/esm/spec/radar.js.map +1 -0
  93. package/esm/spec/ring.d.ts +54 -0
  94. package/esm/spec/ring.js +59 -0
  95. package/esm/spec/ring.js.map +1 -0
  96. package/esm/spec/scatter.d.ts +57 -0
  97. package/esm/spec/scatter.js +153 -0
  98. package/esm/spec/scatter.js.map +1 -0
  99. package/esm/vchart-chart-hub-theme/chart-list.js +25 -1
  100. package/esm/vchart-chart-hub-theme/chart-list.js.map +1 -1
  101. package/package.json +16 -14
  102. package/cjs/vchart-chart-hub-theme/chartSpec.d.ts +0 -757
  103. package/cjs/vchart-chart-hub-theme/chartSpec.js +0 -1776
  104. package/cjs/vchart-chart-hub-theme/chartSpec.js.map +0 -1
  105. package/esm/vchart-chart-hub-theme/chartSpec.d.ts +0 -757
  106. package/esm/vchart-chart-hub-theme/chartSpec.js +0 -1801
  107. package/esm/vchart-chart-hub-theme/chartSpec.js.map +0 -1
@@ -0,0 +1,154 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: !0
5
+ }), exports.lineSpec = void 0, exports.lineSpec = {
6
+ type: "line",
7
+ data: {
8
+ values: [ {
9
+ type: "Nail polish",
10
+ country: "Africa",
11
+ value: 4229
12
+ }, {
13
+ type: "Nail polish",
14
+ country: "China",
15
+ value: 3054
16
+ }, {
17
+ type: "Nail polish",
18
+ country: "USA",
19
+ value: 12814
20
+ }, {
21
+ type: "Eyebrow pencil",
22
+ country: "Africa",
23
+ value: 3932
24
+ }, {
25
+ type: "Eyebrow pencil",
26
+ country: "China",
27
+ value: 5067
28
+ }, {
29
+ type: "Eyebrow pencil",
30
+ country: "USA",
31
+ value: 13012
32
+ }, {
33
+ type: "Rouge",
34
+ country: "Africa",
35
+ value: 5221
36
+ }, {
37
+ type: "Rouge",
38
+ country: "China",
39
+ value: 7004
40
+ }, {
41
+ type: "Rouge",
42
+ country: "USA",
43
+ value: 11624
44
+ }, {
45
+ type: "Lipstick",
46
+ country: "Africa",
47
+ value: 9256
48
+ }, {
49
+ type: "Lipstick",
50
+ country: "China",
51
+ value: 9054
52
+ }, {
53
+ type: "Lipstick",
54
+ country: "USA",
55
+ value: 8814
56
+ }, {
57
+ type: "Eyeshadows",
58
+ country: "Africa",
59
+ value: 3308
60
+ }, {
61
+ type: "Eyeshadows",
62
+ country: "China",
63
+ value: 12043
64
+ }, {
65
+ type: "Eyeshadows",
66
+ country: "USA",
67
+ value: 12998
68
+ }, {
69
+ type: "Eyeliner",
70
+ country: "Africa",
71
+ value: 5432
72
+ }, {
73
+ type: "Eyeliner",
74
+ country: "China",
75
+ value: 15067
76
+ }, {
77
+ type: "Eyeliner",
78
+ country: "USA",
79
+ value: 12321
80
+ }, {
81
+ type: "Foundation",
82
+ country: "Africa",
83
+ value: 13701
84
+ }, {
85
+ type: "Foundation",
86
+ country: "China",
87
+ value: 10119
88
+ }, {
89
+ type: "Foundation",
90
+ country: "USA",
91
+ value: 10342
92
+ }, {
93
+ type: "Lip gloss",
94
+ country: "Africa",
95
+ value: 4008
96
+ }, {
97
+ type: "Lip gloss",
98
+ country: "China",
99
+ value: 12043
100
+ }, {
101
+ type: "Lip gloss",
102
+ country: "USA",
103
+ value: 22998
104
+ }, {
105
+ type: "Mascara",
106
+ country: "Africa",
107
+ value: 18712
108
+ }, {
109
+ type: "Mascara",
110
+ country: "China",
111
+ value: 10419
112
+ }, {
113
+ type: "Mascara",
114
+ country: "USA",
115
+ value: 11261
116
+ } ]
117
+ },
118
+ height: 600,
119
+ xField: [ "type" ],
120
+ yField: "value",
121
+ seriesField: "country",
122
+ legends: {
123
+ visible: !0
124
+ },
125
+ point: {
126
+ state: {
127
+ dimension_hover: {
128
+ visible: !0,
129
+ size: 12
130
+ }
131
+ }
132
+ },
133
+ line: {
134
+ state: {
135
+ active: {
136
+ lineWidth: 3
137
+ }
138
+ }
139
+ },
140
+ interactions: [ {
141
+ type: "element-active-by-legend",
142
+ state: "active"
143
+ } ],
144
+ crosshair: {
145
+ xField: {
146
+ line: {
147
+ type: "line",
148
+ style: {
149
+ lineWidth: 1
150
+ }
151
+ }
152
+ }
153
+ }
154
+ };
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/spec/line.ts"],"names":[],"mappings":"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","file":"line.js","sourcesContent":["export const lineSpec = {\n type: 'line',\n data: {\n values: [\n { type: 'Nail polish', country: 'Africa', value: 4229 },\n { type: 'Nail polish', country: 'China', value: 3054 },\n { type: 'Nail polish', country: 'USA', value: 12814 },\n { type: 'Eyebrow pencil', country: 'Africa', value: 3932 },\n { type: 'Eyebrow pencil', country: 'China', value: 5067 },\n { type: 'Eyebrow pencil', country: 'USA', value: 13012 },\n { type: 'Rouge', country: 'Africa', value: 5221 },\n { type: 'Rouge', country: 'China', value: 7004 },\n { type: 'Rouge', country: 'USA', value: 11624 },\n { type: 'Lipstick', country: 'Africa', value: 9256 },\n { type: 'Lipstick', country: 'China', value: 9054 },\n { type: 'Lipstick', country: 'USA', value: 8814 },\n { type: 'Eyeshadows', country: 'Africa', value: 3308 },\n { type: 'Eyeshadows', country: 'China', value: 12043 },\n { type: 'Eyeshadows', country: 'USA', value: 12998 },\n { type: 'Eyeliner', country: 'Africa', value: 5432 },\n { type: 'Eyeliner', country: 'China', value: 15067 },\n { type: 'Eyeliner', country: 'USA', value: 12321 },\n { type: 'Foundation', country: 'Africa', value: 13701 },\n { type: 'Foundation', country: 'China', value: 10119 },\n { type: 'Foundation', country: 'USA', value: 10342 },\n { type: 'Lip gloss', country: 'Africa', value: 4008 },\n { type: 'Lip gloss', country: 'China', value: 12043 },\n { type: 'Lip gloss', country: 'USA', value: 22998 },\n { type: 'Mascara', country: 'Africa', value: 18712 },\n { type: 'Mascara', country: 'China', value: 10419 },\n { type: 'Mascara', country: 'USA', value: 11261 }\n ]\n },\n height: 600,\n xField: ['type'],\n yField: 'value',\n seriesField: 'country',\n legends: {\n visible: true\n },\n point: {\n state: {\n dimension_hover: {\n visible: true,\n size: 12\n }\n }\n },\n line: {\n state: {\n active: {\n lineWidth: 3\n }\n }\n },\n interactions: [\n {\n type: 'element-active-by-legend',\n state: 'active'\n }\n ],\n crosshair: {\n xField: {\n line: {\n type: 'line',\n style: {\n lineWidth: 1\n }\n }\n }\n }\n};\n"]}
@@ -0,0 +1,44 @@
1
+ export declare const pieSpec: {
2
+ type: string;
3
+ innerRadius: number;
4
+ data: {
5
+ id: string;
6
+ values: {
7
+ type: string;
8
+ value: string;
9
+ }[];
10
+ }[];
11
+ valueField: string;
12
+ categoryField: string;
13
+ legends: {
14
+ visible: boolean;
15
+ orient: string;
16
+ };
17
+ interactions: {
18
+ type: string;
19
+ state: string;
20
+ }[];
21
+ pie: {
22
+ state: {
23
+ active: {
24
+ lineWidth: number;
25
+ };
26
+ };
27
+ };
28
+ label: {
29
+ formatMethod: (value: any, data: any) => {
30
+ type: string;
31
+ text: ({
32
+ text: string;
33
+ fontSize: number;
34
+ fontWeight: string;
35
+ fill: string;
36
+ } | {
37
+ text: any;
38
+ fill: string;
39
+ fontSize?: undefined;
40
+ fontWeight?: undefined;
41
+ })[];
42
+ };
43
+ };
44
+ };
@@ -0,0 +1,53 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: !0
5
+ }), exports.pieSpec = void 0, exports.pieSpec = {
6
+ type: "pie",
7
+ innerRadius: 0,
8
+ data: [ {
9
+ id: "id0",
10
+ values: [ {
11
+ type: "Category 1",
12
+ value: "0.38"
13
+ }, {
14
+ type: "Category 2",
15
+ value: "0.26"
16
+ }, {
17
+ type: "Category 3",
18
+ value: "0.36"
19
+ } ]
20
+ } ],
21
+ valueField: "value",
22
+ categoryField: "type",
23
+ legends: {
24
+ visible: !0,
25
+ orient: "bottom"
26
+ },
27
+ interactions: [ {
28
+ type: "element-active-by-legend",
29
+ state: "active"
30
+ } ],
31
+ pie: {
32
+ state: {
33
+ active: {
34
+ lineWidth: 0
35
+ }
36
+ }
37
+ },
38
+ label: {
39
+ formatMethod: (value, data) => ({
40
+ type: "rich",
41
+ text: [ {
42
+ text: `${data.value}\n`,
43
+ fontSize: 18,
44
+ fontWeight: "bold",
45
+ fill: "black"
46
+ }, {
47
+ text: data.type,
48
+ fill: "#595959"
49
+ } ]
50
+ })
51
+ }
52
+ };
53
+ //# sourceMappingURL=pie.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/spec/pie.ts"],"names":[],"mappings":";;;AAAa,QAAA,OAAO,GAAG;IACrB,IAAI,EAAE,KAAK;IACX,WAAW,EAAE,CAAC;IACd,IAAI,EAAE;QACJ;YACE,EAAE,EAAE,KAAK;YACT,MAAM,EAAE;gBACN,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;gBACrC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;gBACrC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;aACtC;SACF;KACF;IACD,UAAU,EAAE,OAAO;IACnB,aAAa,EAAE,MAAM;IACrB,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,QAAQ;KACjB;IACD,YAAY,EAAE;QACZ;YACE,IAAI,EAAE,0BAA0B;YAChC,KAAK,EAAE,QAAQ;SAChB;KACF;IACD,GAAG,EAAE;QACH,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,CAAC,KAAU,EAAE,IAAS,EAAE,EAAE;YACtC,OAAO;gBACL,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE;oBACJ;wBACE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI;wBACvB,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,MAAM;wBAClB,IAAI,EAAE,OAAO;qBACd;oBACD;wBACE,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,IAAI,EAAE,SAAS;qBAChB;iBACF;aACF,CAAC;QACJ,CAAC;KACF;CACF,CAAC","file":"pie.js","sourcesContent":["export const pieSpec = {\n type: 'pie',\n innerRadius: 0,\n data: [\n {\n id: 'id0',\n values: [\n { type: 'Category 1', value: '0.38' },\n { type: 'Category 2', value: '0.26' },\n { type: 'Category 3', value: '0.36' }\n ]\n }\n ],\n valueField: 'value',\n categoryField: 'type',\n legends: {\n visible: true,\n orient: 'bottom'\n },\n interactions: [\n {\n type: 'element-active-by-legend',\n state: 'active'\n }\n ],\n pie: {\n state: {\n active: {\n lineWidth: 0\n }\n }\n },\n label: {\n formatMethod: (value: any, data: any) => {\n return {\n type: 'rich',\n text: [\n {\n text: `${data.value}\\n`,\n fontSize: 18,\n fontWeight: 'bold',\n fill: 'black'\n },\n {\n text: data.type,\n fill: '#595959'\n }\n ]\n };\n }\n }\n};\n"]}
@@ -0,0 +1,79 @@
1
+ export declare const radarSpec: {
2
+ type: string;
3
+ data: {
4
+ id: string;
5
+ values: {
6
+ key: string;
7
+ value: number;
8
+ type: string;
9
+ }[];
10
+ }[];
11
+ categoryField: string;
12
+ valueField: string;
13
+ seriesField: string;
14
+ point: {
15
+ state: {
16
+ dimension_hover: {
17
+ visible: boolean;
18
+ size: number;
19
+ };
20
+ };
21
+ };
22
+ line: {
23
+ state: {
24
+ active: {
25
+ lineWidth: number;
26
+ };
27
+ };
28
+ };
29
+ area: {
30
+ visible: boolean;
31
+ state: {
32
+ active: {
33
+ fillOpacity: number;
34
+ };
35
+ };
36
+ };
37
+ crosshair: {
38
+ categoryField: {
39
+ line: {
40
+ style: {
41
+ lineWidth: number;
42
+ };
43
+ };
44
+ };
45
+ };
46
+ legends: {
47
+ visible: boolean;
48
+ };
49
+ outerRadius: number;
50
+ interactions: {
51
+ type: string;
52
+ state: string;
53
+ }[];
54
+ axes: ({
55
+ orient: string;
56
+ zIndex: number;
57
+ min: number;
58
+ max: number;
59
+ grid: {
60
+ smooth: boolean;
61
+ };
62
+ label: {
63
+ visible: boolean;
64
+ };
65
+ domainLine?: undefined;
66
+ } | {
67
+ orient: string;
68
+ zIndex: number;
69
+ grid: {
70
+ smooth: boolean;
71
+ };
72
+ domainLine: {
73
+ visible: boolean;
74
+ };
75
+ min?: undefined;
76
+ max?: undefined;
77
+ label?: undefined;
78
+ })[];
79
+ };
@@ -0,0 +1,116 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: !0
5
+ }), exports.radarSpec = void 0, exports.radarSpec = {
6
+ type: "radar",
7
+ data: [ {
8
+ id: "radarData",
9
+ values: [ {
10
+ key: "Strength",
11
+ value: 6,
12
+ type: "Risk"
13
+ }, {
14
+ key: "Speed",
15
+ value: 5,
16
+ type: "Risk"
17
+ }, {
18
+ key: "Shooting",
19
+ value: 3,
20
+ type: "Risk"
21
+ }, {
22
+ key: "Endurance",
23
+ value: 4,
24
+ type: "Risk"
25
+ }, {
26
+ key: "Precision",
27
+ value: 5,
28
+ type: "Risk"
29
+ }, {
30
+ key: "Strength",
31
+ value: 5,
32
+ type: "Average risk"
33
+ }, {
34
+ key: "Speed",
35
+ value: 5,
36
+ type: "Average risk"
37
+ }, {
38
+ key: "Shooting",
39
+ value: 5,
40
+ type: "Average risk"
41
+ }, {
42
+ key: "Endurance",
43
+ value: 5,
44
+ type: "Average risk"
45
+ }, {
46
+ key: "Precision",
47
+ value: 5,
48
+ type: "Average risk"
49
+ } ]
50
+ } ],
51
+ categoryField: "key",
52
+ valueField: "value",
53
+ seriesField: "type",
54
+ point: {
55
+ state: {
56
+ dimension_hover: {
57
+ visible: !0,
58
+ size: 6
59
+ }
60
+ }
61
+ },
62
+ line: {
63
+ state: {
64
+ active: {
65
+ lineWidth: 2
66
+ }
67
+ }
68
+ },
69
+ area: {
70
+ visible: !0,
71
+ state: {
72
+ active: {
73
+ fillOpacity: 0
74
+ }
75
+ }
76
+ },
77
+ crosshair: {
78
+ categoryField: {
79
+ line: {
80
+ style: {
81
+ lineWidth: 1
82
+ }
83
+ }
84
+ }
85
+ },
86
+ legends: {
87
+ visible: !0
88
+ },
89
+ outerRadius: .8,
90
+ interactions: [ {
91
+ type: "element-active-by-legend",
92
+ state: "active"
93
+ } ],
94
+ axes: [ {
95
+ orient: "radius",
96
+ zIndex: 100,
97
+ min: 0,
98
+ max: 8,
99
+ grid: {
100
+ smooth: !1
101
+ },
102
+ label: {
103
+ visible: !0
104
+ }
105
+ }, {
106
+ orient: "angle",
107
+ zIndex: 50,
108
+ grid: {
109
+ smooth: !1
110
+ },
111
+ domainLine: {
112
+ visible: !1
113
+ }
114
+ } ]
115
+ };
116
+ //# sourceMappingURL=radar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/spec/radar.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG;IACvB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE;QACJ;YACE,EAAE,EAAE,WAAW;YACf,MAAM,EAAE;gBACN;oBACE,GAAG,EAAE,UAAU;oBACf,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,MAAM;iBACb;gBACD;oBACE,GAAG,EAAE,OAAO;oBACZ,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,MAAM;iBACb;gBACD;oBACE,GAAG,EAAE,UAAU;oBACf,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,MAAM;iBACb;gBACD;oBACE,GAAG,EAAE,WAAW;oBAChB,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,MAAM;iBACb;gBACD;oBACE,GAAG,EAAE,WAAW;oBAChB,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,MAAM;iBACb;gBACD;oBACE,GAAG,EAAE,UAAU;oBACf,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,cAAc;iBACrB;gBACD;oBACE,GAAG,EAAE,OAAO;oBACZ,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,cAAc;iBACrB;gBACD;oBACE,GAAG,EAAE,UAAU;oBACf,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,cAAc;iBACrB;gBACD;oBACE,GAAG,EAAE,WAAW;oBAChB,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,cAAc;iBACrB;gBACD;oBACE,GAAG,EAAE,WAAW;oBAChB,KAAK,EAAE,CAAC;oBACR,IAAI,EAAE,cAAc;iBACrB;aACF;SACF;KACF;IACD,aAAa,EAAE,KAAK;IACpB,UAAU,EAAE,OAAO;IACnB,WAAW,EAAE,MAAM;IACnB,KAAK,EAAE;QACL,KAAK,EAAE;YACL,eAAe,EAAE;gBACf,OAAO,EAAE,IAAI;gBACb,IAAI,EAAE,CAAC;aACR;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;QACb,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,WAAW,EAAE,CAAC;aACf;SACF;KACF;IACD,SAAS,EAAE;QACT,aAAa,EAAE;YACb,IAAI,EAAE;gBACJ,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE;aACxB;SACF;KACF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;KACd;IACD,WAAW,EAAE,GAAG;IAChB,YAAY,EAAE;QACZ;YACE,IAAI,EAAE,0BAA0B;YAChC,KAAK,EAAE,QAAQ;SAChB;KACF;IACD,IAAI,EAAE;QACJ;YACE,MAAM,EAAE,QAAQ;YAChB,MAAM,EAAE,GAAG;YACX,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,CAAC;YACN,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YACvB,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;SACzB;QACD;YACE,MAAM,EAAE,OAAO;YACf,MAAM,EAAE,EAAE;YACV,IAAI,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE;YACvB,UAAU,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;SAC/B;KACF;CACF,CAAC","file":"radar.js","sourcesContent":["export const radarSpec = {\n type: 'radar',\n data: [\n {\n id: 'radarData',\n values: [\n {\n key: 'Strength',\n value: 6,\n type: 'Risk'\n },\n {\n key: 'Speed',\n value: 5,\n type: 'Risk'\n },\n {\n key: 'Shooting',\n value: 3,\n type: 'Risk'\n },\n {\n key: 'Endurance',\n value: 4,\n type: 'Risk'\n },\n {\n key: 'Precision',\n value: 5,\n type: 'Risk'\n },\n {\n key: 'Strength',\n value: 5,\n type: 'Average risk'\n },\n {\n key: 'Speed',\n value: 5,\n type: 'Average risk'\n },\n {\n key: 'Shooting',\n value: 5,\n type: 'Average risk'\n },\n {\n key: 'Endurance',\n value: 5,\n type: 'Average risk'\n },\n {\n key: 'Precision',\n value: 5,\n type: 'Average risk'\n }\n ]\n }\n ],\n categoryField: 'key',\n valueField: 'value',\n seriesField: 'type',\n point: {\n state: {\n dimension_hover: {\n visible: true,\n size: 6\n }\n }\n },\n line: {\n state: {\n active: {\n lineWidth: 2\n }\n }\n },\n area: {\n visible: true,\n state: {\n active: {\n fillOpacity: 0\n }\n }\n },\n crosshair: {\n categoryField: {\n line: {\n style: { lineWidth: 1 }\n }\n }\n },\n legends: {\n visible: true\n },\n outerRadius: 0.8,\n interactions: [\n {\n type: 'element-active-by-legend',\n state: 'active'\n }\n ],\n axes: [\n {\n orient: 'radius', // radius axis\n zIndex: 100,\n min: 0,\n max: 8,\n grid: { smooth: false },\n label: { visible: true }\n },\n {\n orient: 'angle', // angle axis\n zIndex: 50,\n grid: { smooth: false },\n domainLine: { visible: false }\n }\n ]\n};\n"]}
@@ -0,0 +1,54 @@
1
+ export declare const ringSpec: {
2
+ type: string;
3
+ data: {
4
+ id: string;
5
+ values: {
6
+ type: string;
7
+ value: string;
8
+ }[];
9
+ }[];
10
+ valueField: string;
11
+ categoryField: string;
12
+ legends: {
13
+ visible: boolean;
14
+ orient: string;
15
+ };
16
+ interactions: {
17
+ type: string;
18
+ state: string;
19
+ }[];
20
+ pie: {
21
+ state: {
22
+ active: {
23
+ lineWidth: number;
24
+ };
25
+ };
26
+ };
27
+ label: {
28
+ formatMethod: (value: any, data: any) => {
29
+ type: string;
30
+ text: ({
31
+ text: string;
32
+ fontSize: number;
33
+ fontWeight: string;
34
+ fill: string;
35
+ } | {
36
+ text: any;
37
+ fill: string;
38
+ fontSize?: undefined;
39
+ fontWeight?: undefined;
40
+ })[];
41
+ };
42
+ };
43
+ indicator: {
44
+ visible: boolean;
45
+ trigger: string;
46
+ title: {
47
+ visible: boolean;
48
+ style: {
49
+ text: string;
50
+ fontSize: number;
51
+ };
52
+ };
53
+ };
54
+ };
@@ -0,0 +1,63 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: !0
5
+ }), exports.ringSpec = void 0, exports.ringSpec = {
6
+ type: "pie",
7
+ data: [ {
8
+ id: "id0",
9
+ values: [ {
10
+ type: "Category 1",
11
+ value: "0.38"
12
+ }, {
13
+ type: "Category 2",
14
+ value: "0.26"
15
+ }, {
16
+ type: "Category 3",
17
+ value: "0.36"
18
+ } ]
19
+ } ],
20
+ valueField: "value",
21
+ categoryField: "type",
22
+ legends: {
23
+ visible: !0,
24
+ orient: "bottom"
25
+ },
26
+ interactions: [ {
27
+ type: "element-active-by-legend",
28
+ state: "active"
29
+ } ],
30
+ pie: {
31
+ state: {
32
+ active: {
33
+ lineWidth: 0
34
+ }
35
+ }
36
+ },
37
+ label: {
38
+ formatMethod: (value, data) => ({
39
+ type: "rich",
40
+ text: [ {
41
+ text: `${data.value}\n`,
42
+ fontSize: 18,
43
+ fontWeight: "bold",
44
+ fill: "black"
45
+ }, {
46
+ text: data.type,
47
+ fill: "#595959"
48
+ } ]
49
+ })
50
+ },
51
+ indicator: {
52
+ visible: !0,
53
+ trigger: "none",
54
+ title: {
55
+ visible: !0,
56
+ style: {
57
+ text: "饼图",
58
+ fontSize: 30
59
+ }
60
+ }
61
+ }
62
+ };
63
+ //# sourceMappingURL=ring.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/spec/ring.ts"],"names":[],"mappings":";;;AAAa,QAAA,QAAQ,GAAG;IACtB,IAAI,EAAE,KAAK;IACX,IAAI,EAAE;QACJ;YACE,EAAE,EAAE,KAAK;YACT,MAAM,EAAE;gBACN,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;gBACrC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;gBACrC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE;aACtC;SACF;KACF;IACD,UAAU,EAAE,OAAO;IACnB,aAAa,EAAE,MAAM;IACrB,OAAO,EAAE;QACP,OAAO,EAAE,IAAI;QACb,MAAM,EAAE,QAAQ;KACjB;IACD,YAAY,EAAE;QACZ;YACE,IAAI,EAAE,0BAA0B;YAChC,KAAK,EAAE,QAAQ;SAChB;KACF;IACD,GAAG,EAAE;QACH,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,SAAS,EAAE,CAAC;aACb;SACF;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,CAAC,KAAU,EAAE,IAAS,EAAE,EAAE;YACtC,OAAO;gBACL,IAAI,EAAE,MAAM;gBACZ,IAAI,EAAE;oBACJ;wBACE,IAAI,EAAE,GAAG,IAAI,CAAC,KAAK,IAAI;wBACvB,QAAQ,EAAE,EAAE;wBACZ,UAAU,EAAE,MAAM;wBAClB,IAAI,EAAE,OAAO;qBACd;oBACD;wBACE,IAAI,EAAE,IAAI,CAAC,IAAI;wBACf,IAAI,EAAE,SAAS;qBAChB;iBACF;aACF,CAAC;QACJ,CAAC;KACF;IACD,SAAS,EAAE;QACT,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,MAAM;QACf,KAAK,EAAE;YACL,OAAO,EAAE,IAAI;YACb,KAAK,EAAE;gBACL,IAAI,EAAE,IAAI;gBACV,QAAQ,EAAE,EAAE;aACb;SACF;KACF;CACF,CAAC","file":"ring.js","sourcesContent":["export const ringSpec = {\n type: 'pie',\n data: [\n {\n id: 'id0',\n values: [\n { type: 'Category 1', value: '0.38' },\n { type: 'Category 2', value: '0.26' },\n { type: 'Category 3', value: '0.36' }\n ]\n }\n ],\n valueField: 'value',\n categoryField: 'type',\n legends: {\n visible: true,\n orient: 'bottom'\n },\n interactions: [\n {\n type: 'element-active-by-legend',\n state: 'active'\n }\n ],\n pie: {\n state: {\n active: {\n lineWidth: 0\n }\n }\n },\n label: {\n formatMethod: (value: any, data: any) => {\n return {\n type: 'rich',\n text: [\n {\n text: `${data.value}\\n`,\n fontSize: 18,\n fontWeight: 'bold',\n fill: 'black'\n },\n {\n text: data.type,\n fill: '#595959'\n }\n ]\n };\n }\n },\n indicator: {\n visible: true,\n trigger: 'none',\n title: {\n visible: true,\n style: {\n text: '饼图',\n fontSize: 30\n }\n }\n }\n};\n"]}
@@ -0,0 +1,57 @@
1
+ export declare const scatterSpec: {
2
+ type: string;
3
+ data: {
4
+ id: string;
5
+ values: {
6
+ gender: string;
7
+ height: number;
8
+ weight: number;
9
+ age: number;
10
+ }[];
11
+ }[];
12
+ xField: string;
13
+ yField: string;
14
+ seriesField: string;
15
+ legends: {
16
+ visible: boolean;
17
+ };
18
+ crosshair: {
19
+ xField: {
20
+ visible: boolean;
21
+ };
22
+ };
23
+ interactions: {
24
+ type: string;
25
+ state: string;
26
+ }[];
27
+ tooltip: {
28
+ dimension: {
29
+ visible: boolean;
30
+ };
31
+ };
32
+ point: {
33
+ state: {
34
+ active: {
35
+ size: number;
36
+ fillOpacity: number;
37
+ strokeOpacity: number;
38
+ outerBorder: {
39
+ lineWidth: number;
40
+ strokeOpacity: number;
41
+ distance: number;
42
+ };
43
+ };
44
+ };
45
+ };
46
+ axes: {
47
+ orient: string;
48
+ type: string;
49
+ zero: boolean;
50
+ domainLine: {
51
+ visible: boolean;
52
+ };
53
+ grid: {
54
+ visible: boolean;
55
+ };
56
+ }[];
57
+ };