st-comp 0.0.23 → 0.0.25
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/lib/bundle.js +1416 -1415
- package/lib/bundle.umd.cjs +22 -22
- package/lib/style.css +1 -1
- package/package.json +2 -2
- package/packages/HeatMap/index.vue +4 -1
- package/packages/LinearLegend/index.vue +4 -161
- package/packages/TreeMap/index.vue +0 -1
- package/src/pages/HeatMap/index.vue +4 -4
- package/vite.config.ts +5 -0
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "st-comp",
|
|
3
3
|
"public": true,
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.25",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
7
7
|
"dev": "vite",
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"pinia": "^2.1.6",
|
|
20
20
|
"st-func": "^0.0.14",
|
|
21
21
|
"talib.js": "^0.1.0",
|
|
22
|
-
"vue": "^3.3.4",
|
|
23
22
|
"vue-router": "^4.2.5"
|
|
24
23
|
},
|
|
25
24
|
"devDependencies": {
|
|
25
|
+
"vue": "^3.3.4",
|
|
26
26
|
"@vitejs/plugin-vue": "^4.2.3",
|
|
27
27
|
"sass": "^1.69.3",
|
|
28
28
|
"ssh2": "^1.14.0",
|
|
@@ -72,7 +72,9 @@
|
|
|
72
72
|
{
|
|
73
73
|
tooltip: {
|
|
74
74
|
confine: true,
|
|
75
|
-
formatter: mergeConfig.value.tooltipFormatter
|
|
75
|
+
formatter: mergeConfig.value.tooltipFormatter ? (info: any) => {
|
|
76
|
+
return (mergeConfig.value.tooltipFormatter as Function)(info, props.data)
|
|
77
|
+
}: null,
|
|
76
78
|
},
|
|
77
79
|
grid: mergeConfig.value.grid,
|
|
78
80
|
xAxis: {
|
|
@@ -94,6 +96,7 @@
|
|
|
94
96
|
{
|
|
95
97
|
name: "热力图",
|
|
96
98
|
type: "heatmap",
|
|
99
|
+
info: props.data,
|
|
97
100
|
data: props.data.data.reduce((res: any[], item: any, index: number) => {
|
|
98
101
|
return [
|
|
99
102
|
...res,
|
|
@@ -66,10 +66,10 @@
|
|
|
66
66
|
const { type, color, range } = props.data[i]
|
|
67
67
|
if (
|
|
68
68
|
(type === '=' && number === range[0] * multiplier) ||
|
|
69
|
-
(type === '>' && number
|
|
70
|
-
(type === '>=' && number
|
|
71
|
-
(type === '<' && number
|
|
72
|
-
(type === '<=' && number
|
|
69
|
+
(type === '>' && number > range[0] * multiplier) ||
|
|
70
|
+
(type === '>=' && number >= range[0] * multiplier) ||
|
|
71
|
+
(type === '<' && number < range[0] * multiplier) ||
|
|
72
|
+
(type === '<=' && number <= range[0] * multiplier) ||
|
|
73
73
|
(type === '()' && number > range[0] * multiplier && number < range[1] * multiplier) ||
|
|
74
74
|
(type === '(]' && number > range[0] * multiplier && number <= range[1] * multiplier) ||
|
|
75
75
|
(type === '[]' && number >= range[0] * multiplier && number <= range[1] * multiplier) ||
|
|
@@ -80,163 +80,6 @@
|
|
|
80
80
|
}
|
|
81
81
|
}, // 数值转颜色
|
|
82
82
|
})
|
|
83
|
-
|
|
84
|
-
const selectConfig = {
|
|
85
|
-
body: {
|
|
86
|
-
area: [
|
|
87
|
-
{
|
|
88
|
-
label: '总市值',
|
|
89
|
-
value: '对应id',
|
|
90
|
-
}
|
|
91
|
-
],
|
|
92
|
-
color: [
|
|
93
|
-
{
|
|
94
|
-
label: '当前涨幅',
|
|
95
|
-
value: '对应id',
|
|
96
|
-
colorConfig: {
|
|
97
|
-
unit: '%',
|
|
98
|
-
range: [
|
|
99
|
-
{
|
|
100
|
-
range: [-7],
|
|
101
|
-
type: '<',
|
|
102
|
-
color: 'rgba(0, 128, 0, 0.4)',
|
|
103
|
-
},
|
|
104
|
-
{
|
|
105
|
-
range: [-7, -5],
|
|
106
|
-
type: '[)',
|
|
107
|
-
color: 'rgba(0, 128, 0, 0.6)',
|
|
108
|
-
},
|
|
109
|
-
{
|
|
110
|
-
range: [-5, -3],
|
|
111
|
-
type: '[)',
|
|
112
|
-
color: 'rgba(0, 128, 0, 0.8)',
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
range: [-3, 0],
|
|
116
|
-
type: '[)',
|
|
117
|
-
color: 'rgba(0, 128, 0, 1)',
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
range: [0],
|
|
121
|
-
type: '=',
|
|
122
|
-
color: '#000',
|
|
123
|
-
},
|
|
124
|
-
{
|
|
125
|
-
range: [0, 3],
|
|
126
|
-
type: '(]',
|
|
127
|
-
color: 'rgba(255, 0, 0, 1)',
|
|
128
|
-
},
|
|
129
|
-
{
|
|
130
|
-
range: [3, 5],
|
|
131
|
-
type: '(]',
|
|
132
|
-
color: 'rgba(255, 0, 0, 0.8)',
|
|
133
|
-
},
|
|
134
|
-
{
|
|
135
|
-
range: [5, 7],
|
|
136
|
-
type: '(]',
|
|
137
|
-
color: 'rgba(255, 0, 0, 0.6)',
|
|
138
|
-
},
|
|
139
|
-
{
|
|
140
|
-
range: [7],
|
|
141
|
-
type: '>',
|
|
142
|
-
color: 'rgba(255, 0, 0, 0.4)',
|
|
143
|
-
},
|
|
144
|
-
]
|
|
145
|
-
}
|
|
146
|
-
},
|
|
147
|
-
{
|
|
148
|
-
label: '成交额',
|
|
149
|
-
value: '对应id',
|
|
150
|
-
colorConfig: {
|
|
151
|
-
unit: '亿',
|
|
152
|
-
range: [
|
|
153
|
-
{
|
|
154
|
-
range: [0.1],
|
|
155
|
-
type: '<=',
|
|
156
|
-
color: '#000',
|
|
157
|
-
},
|
|
158
|
-
{
|
|
159
|
-
range: [0.1, 0.2],
|
|
160
|
-
type: '(]',
|
|
161
|
-
color: '#000',
|
|
162
|
-
},
|
|
163
|
-
{
|
|
164
|
-
range: [0.2, 0.5],
|
|
165
|
-
type: '(]',
|
|
166
|
-
color: '#000',
|
|
167
|
-
},
|
|
168
|
-
{
|
|
169
|
-
range: [0.5, 1],
|
|
170
|
-
type: '(]',
|
|
171
|
-
color: '#000',
|
|
172
|
-
},
|
|
173
|
-
{
|
|
174
|
-
range: [1, 2],
|
|
175
|
-
type: '(]',
|
|
176
|
-
color: '#000',
|
|
177
|
-
},
|
|
178
|
-
{
|
|
179
|
-
range: [2, 5],
|
|
180
|
-
type: '(]',
|
|
181
|
-
color: '#000',
|
|
182
|
-
},
|
|
183
|
-
{
|
|
184
|
-
range: [5, 10],
|
|
185
|
-
type: '(]',
|
|
186
|
-
color: '#000',
|
|
187
|
-
},
|
|
188
|
-
{
|
|
189
|
-
range: [10, 20],
|
|
190
|
-
type: '(]',
|
|
191
|
-
color: '#000',
|
|
192
|
-
},
|
|
193
|
-
{
|
|
194
|
-
range: [20, 50],
|
|
195
|
-
type: '(]',
|
|
196
|
-
color: '#000',
|
|
197
|
-
},
|
|
198
|
-
{
|
|
199
|
-
range: [50],
|
|
200
|
-
type: '>',
|
|
201
|
-
color: '#000',
|
|
202
|
-
},
|
|
203
|
-
]
|
|
204
|
-
}
|
|
205
|
-
}
|
|
206
|
-
]
|
|
207
|
-
}
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
const res = {
|
|
211
|
-
body: [
|
|
212
|
-
{
|
|
213
|
-
name: '行业名称1',
|
|
214
|
-
value: '面积数值',
|
|
215
|
-
labelValue: '标题展示数据',
|
|
216
|
-
['基础信息']: '基础信息',
|
|
217
|
-
children: [
|
|
218
|
-
{
|
|
219
|
-
name: '股票名称',
|
|
220
|
-
value: '面积数值',
|
|
221
|
-
['基础信息']: '基础信息',
|
|
222
|
-
}
|
|
223
|
-
], // 成分股
|
|
224
|
-
},
|
|
225
|
-
{
|
|
226
|
-
name: '行业名称2',
|
|
227
|
-
value: '面积数值',
|
|
228
|
-
labelValue: '标题展示数据',
|
|
229
|
-
['基础信息']: '基础信息',
|
|
230
|
-
children: [
|
|
231
|
-
{
|
|
232
|
-
name: '股票名称',
|
|
233
|
-
value: '面积数值',
|
|
234
|
-
['基础信息']: '基础信息',
|
|
235
|
-
}
|
|
236
|
-
], // 成分股
|
|
237
|
-
},
|
|
238
|
-
]
|
|
239
|
-
}
|
|
240
83
|
</script>
|
|
241
84
|
|
|
242
85
|
<style lang="scss" scoped>
|
|
@@ -69,11 +69,11 @@ const date = [
|
|
|
69
69
|
]
|
|
70
70
|
|
|
71
71
|
const config = {
|
|
72
|
-
tooltipFormatter: (info: any) => {
|
|
72
|
+
tooltipFormatter: (info: any, infoData: any) => {
|
|
73
73
|
return `<div>
|
|
74
|
-
<div>${
|
|
75
|
-
<div>日期:${
|
|
76
|
-
<div>成交额:${info.
|
|
74
|
+
<div>${infoData.data[info.data.value[1]].name}</div>
|
|
75
|
+
<div>日期:${infoData.date[info.data.value[0]]}</div>
|
|
76
|
+
<div>成交额:${info.value[2]}</div>
|
|
77
77
|
</div>`
|
|
78
78
|
},
|
|
79
79
|
grid: {
|