@easyv/config 1.1.9 → 1.1.11

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 (59) hide show
  1. package/.babelrc +9 -9
  2. package/CHANGELOG.md +17 -17
  3. package/index.js +3 -3
  4. package/lib/animation.js +37 -51
  5. package/lib/axes.js +31 -47
  6. package/lib/axisLine.js +6 -9
  7. package/lib/baseLine.js +31 -40
  8. package/lib/brush.js +12 -15
  9. package/lib/dimension.js +8 -11
  10. package/lib/extent.js +4 -7
  11. package/lib/font.js +12 -15
  12. package/lib/gridLine.js +8 -11
  13. package/lib/imageGroup.js +48 -0
  14. package/lib/index.js +95 -117
  15. package/lib/interaction.js +4 -9
  16. package/lib/label.js +103 -124
  17. package/lib/legend.js +165 -184
  18. package/lib/mapping.js +4 -7
  19. package/lib/margin.js +8 -11
  20. package/lib/multiColor.js +10 -13
  21. package/lib/mutiColor.js +51 -51
  22. package/lib/pie.js +163 -221
  23. package/lib/sc.js +4 -7
  24. package/lib/series.js +174 -163
  25. package/lib/shadow.js +8 -11
  26. package/lib/show.js +0 -4
  27. package/lib/textOverflow.js +4 -7
  28. package/lib/tickLine.js +8 -11
  29. package/lib/tooltip.js +68 -65
  30. package/lib/translate.js +0 -2
  31. package/lib/unit.js +21 -30
  32. package/package.json +30 -30
  33. package/src/animation.js +256 -256
  34. package/src/axes.js +162 -162
  35. package/src/axisLine.js +39 -39
  36. package/src/baseLine.js +216 -216
  37. package/src/brush.js +90 -90
  38. package/src/dimension.js +49 -49
  39. package/src/extent.js +29 -29
  40. package/src/font.js +23 -23
  41. package/src/gridLine.js +49 -49
  42. package/src/imageGroup.js +37 -0
  43. package/src/index.js +101 -99
  44. package/src/interaction.js +121 -121
  45. package/src/label.js +722 -722
  46. package/src/legend.js +982 -982
  47. package/src/mapping.js +26 -26
  48. package/src/margin.js +58 -58
  49. package/src/multiColor.js +30 -30
  50. package/src/pie.js +1035 -1035
  51. package/src/sc.js +11 -8
  52. package/src/series.js +867 -824
  53. package/src/shadow.js +17 -17
  54. package/src/show.js +11 -11
  55. package/src/textOverflow.js +34 -34
  56. package/src/tickLine.js +51 -51
  57. package/src/tooltip.js +433 -425
  58. package/src/translate.js +27 -27
  59. package/src/unit.js +67 -67
package/src/tooltip.js CHANGED
@@ -1,425 +1,433 @@
1
- import { translate, margin } from '.';
2
- const defaultTooltip = {
3
- auto: false,
4
- manual: true,
5
- interval: 10,
6
- tip: {
7
- translate: { x: 0, y: 0 },
8
- image: '',
9
- size: { width: 120, height: 110 },
10
- margin: {
11
- marginTop: 13,
12
- marginBottom: 10,
13
- marginLeft: 12,
14
- marginRight: 12,
15
- },
16
- data: {
17
- xAxis: {
18
- font: {
19
- fontFamily: 'Mircosoft Yahei',
20
- fontSize: 16,
21
- color: '#E6F6FF',
22
- bold: false,
23
- italic: false,
24
- letterSpacing: 0,
25
- },
26
- align: 'left',
27
- translate: { x: 0, y: 0 },
28
- },
29
-
30
- data: {
31
- lineHeight: 18,
32
- iconSize: 10,
33
- name: {
34
- fontFamily: 'Mircosoft Yahei',
35
- fontSize: 12,
36
- color: '#C8E7FF',
37
- bold: false,
38
- italic: false,
39
- letterSpacing: 0,
40
- },
41
- value: {
42
- fontFamily: 'Mircosoft Yahei',
43
- fontSize: 12,
44
- color: '#D4EFFC',
45
- bold: false,
46
- italic: false,
47
- letterSpacing: 0,
48
- },
49
- suffix: {
50
- font: {
51
- fontFamily: 'Mircosoft Yahei',
52
- fontSize: 12,
53
- color: '#D4EFFC',
54
- bold: false,
55
- italic: false,
56
- letterSpacing: 0
57
- },
58
- translate: { x: 0, y: 0 },
59
- }
60
- },
61
- },
62
- },
63
- indicator: { width: 12, color: 'RGBA(255,255,255,0.3)' },
64
- };
65
- export default ({
66
- auto = defaultTooltip.auto,
67
- manual = defaultTooltip.manual,
68
- interval = defaultTooltip.interval,
69
- tip: {
70
- translate: {
71
- x: tipTranslateX = defaultTooltip.tip.translate.x,
72
- y: tipTranslateY = defaultTooltip.tip.translate.y,
73
- } = defaultTooltip.tip.translate,
74
- image = defaultTooltip.tip.image,
75
- size: {
76
- width: tipWidth = defaultTooltip.tip.size.width,
77
- height: tipHeight = defaultTooltip.tip.size.height,
78
- } = defaultTooltip.tip.size,
79
- margin: {
80
- marginTop = defaultTooltip.tip.margin.marginTop,
81
- marginBottom = defaultTooltip.tip.margin.marginBottom,
82
- marginLeft = defaultTooltip.tip.margin.marginLeft,
83
- marginRight = defaultTooltip.tip.margin.marginRight,
84
- } = defaultTooltip.tip.margin,
85
- data: {
86
- xAxis: {
87
- font: {
88
- fontFamily: xAxisFontFamily,
89
- fontSize: xAxisFontSize,
90
- color: xAxisColor,
91
- bold: xAxisBold,
92
- italic: xAxisItalic,
93
- letterSpacing: xAxisLetterSpacing,
94
- } = defaultTooltip.tip.data.xAxis.font,
95
- align = defaultTooltip.tip.data.xAxis.align,
96
- translate: { x, y } = defaultTooltip.tip.data.xAxis.translate,
97
- } = defaultTooltip.tip.data.xAxis,
98
- // lineHeight = defaultTooltip.tip.data.lineHeight,
99
- // iconSize = defaultTooltip.tip.data.iconSize,
100
- data: {
101
- lineHeight = defaultTooltip.tip.data.lineHeight,
102
- iconSize = defaultTooltip.tip.data.iconSize,
103
- name: {
104
- fontFamily: nameFontFamily,
105
- fontSize: nameFontSize,
106
- color: nameColor,
107
- bold: nameBold,
108
- italic: nameItalic,
109
- letterSpacing: nameLetterSpacing,
110
- } = defaultTooltip.tip.data.data.name,
111
- value: {
112
- fontFamily: valueFontFamily,
113
- fontSize: valueFontSize,
114
- color: valueFontColor,
115
- bold: valueFontBold,
116
- italic: valueFontItalic,
117
- letterSpacing: valueFontLetterSpacing,
118
- } = defaultTooltip.tip.data.data.value,
119
- suffix: {
120
- font: {
121
- fontFamily: suffixFontFamily,
122
- fontSize: suffixFontSize,
123
- color: suffixColor,
124
- bold: suffixBold,
125
- italic: suffixItalic,
126
- letterSpacing: suffixLetterSpacing,
127
- } = defaultTooltip.tip.data.data.suffix.font,
128
- } = defaultTooltip.tip.data.data.suffix,
129
- } = defaultTooltip.tip.data.data,
130
- } = defaultTooltip.tip.data,
131
- } = defaultTooltip.tip,
132
- indicator: {
133
- width = defaultTooltip.indicator.width,
134
- color = defaultTooltip.indicator.color,
135
- } = defaultTooltip.indicator,
136
- } = defaultTooltip) => ({
137
- name: 'tooltip',
138
- displayName: '提示框',
139
- value: [
140
- {
141
- name: 'auto',
142
- displayName: '自动轮播',
143
- value: auto,
144
- type: 'boolean',
145
- },
146
- {
147
- name: 'manual',
148
- displayName: '悬停触发',
149
- value: manual,
150
- type: 'boolean',
151
- },
152
- {
153
- rule: [['auto', '$eq', true]],
154
- name: 'interval',
155
- displayName: '停留时间',
156
- value: interval,
157
- type: 'number',
158
- config: {
159
- suffix: 's',
160
- },
161
- },
162
- {
163
- name: 'tip',
164
- displayName: '提示框',
165
- value: [
166
- translate(tipTranslateX, tipTranslateY),
167
- {
168
- type: 'uploadImage',
169
- name: 'image',
170
- displayName: '背景',
171
- value: image,
172
- },
173
- {
174
- name: 'size',
175
- displayName: '尺寸',
176
- value: [
177
- {
178
- name: 'width',
179
- displayName: '宽度',
180
- value: tipWidth,
181
- config: {
182
- span: 12,
183
- suffix: 'W',
184
- },
185
- },
186
- {
187
- name: 'height',
188
- displayName: '高度',
189
- value: tipHeight,
190
- config: {
191
- span: 12,
192
- suffix: 'H',
193
- },
194
- },
195
- ],
196
- type: 'group',
197
- },
198
- margin({
199
- marginTop,
200
- marginRight,
201
- marginBottom,
202
- marginLeft,
203
- }),
204
- {
205
- name: 'data',
206
- displayName: '框内数据',
207
- value: [
208
- {
209
- name: 'xAxis',
210
- displayName: '类目标签',
211
- value: [
212
- {
213
- name: 'font',
214
- displayName: '文本样式',
215
- value: {
216
- fontFamily: xAxisFontFamily,
217
- fontSize: xAxisFontSize,
218
- color: xAxisColor,
219
- bold: xAxisBold,
220
- italic: xAxisItalic,
221
- letterSpacing: xAxisLetterSpacing,
222
- },
223
- type: 'textStyle',
224
- markColorType: 'textColor',
225
- },
226
- {
227
- name: 'align',
228
- displayName: '对齐方式',
229
- value: align,
230
- type: 'radio',
231
- config: {
232
- options: [
233
- { name: '左对齐', value: 'left', icon: 'align-left' },
234
- {
235
- name: '居中对齐',
236
- value: 'center',
237
- icon: 'align-center',
238
- },
239
- {
240
- name: '右对齐',
241
- value: 'right',
242
- icon: 'align-right',
243
- },
244
- ],
245
- mode: 'icon',
246
- },
247
- },
248
- translate(x, y),
249
- ],
250
- },
251
- {
252
- displayName: '数据',
253
- name: 'data',
254
- value: [
255
- {
256
- displayName: '行间距',
257
- type: 'number',
258
- value: lineHeight,
259
- name: 'lineHeight',
260
- },
261
- {
262
- displayName: '图标尺寸',
263
- type: 'number',
264
- value: iconSize,
265
- name: 'iconSize',
266
- },
267
- {
268
- name: 'name',
269
- displayName: '系列名称',
270
- value: {
271
- fontFamily: nameFontFamily,
272
- fontSize: nameFontSize,
273
- color: nameColor,
274
- bold: nameBold,
275
- italic: nameItalic,
276
- letterSpacing: nameLetterSpacing,
277
- },
278
- type: 'textStyle',
279
- markColorType: 'textColor',
280
- },
281
- {
282
- name: 'value',
283
- displayName: '系列值',
284
- value: {
285
- fontFamily: valueFontFamily,
286
- fontSize: valueFontSize,
287
- color: valueFontColor,
288
- bold: valueFontBold,
289
- italic: valueFontItalic,
290
- letterSpacing: valueFontLetterSpacing,
291
- },
292
- type: 'textStyle',
293
- markColorType: 'textColor',
294
- },
295
- {
296
- name: 'suffix',
297
- displayName: '后缀',
298
- value: [
299
- {
300
- name: 'show',
301
- displayName: '显示',
302
- value: false,
303
- type: 'boolean'
304
- },
305
- {
306
- name: 'content',
307
- displayName: '内容',
308
- value: [
309
- {
310
- name: "suffixText1",
311
- displayName: "后缀",
312
- type: "object",
313
- value: [
314
- {
315
- name: "suffix",
316
- displayName: "后缀",
317
- type: "group",
318
- value: [
319
- {
320
- name: "name",
321
- displayName: "系列名",
322
- value: "系列一",
323
- type: "input",
324
- config: {
325
- span: 12
326
- }
327
- },
328
- {
329
- name: "suffix",
330
- displayName: "后缀",
331
- value: "%",
332
- type: "input",
333
- config: {
334
- span: 12
335
- }
336
- }
337
- ]
338
- }
339
- ]
340
- },
341
- ],
342
- config: {
343
- template: [
344
- {
345
- name: "suffixText",
346
- displayName: "后缀",
347
- type: "object",
348
- value: [
349
- {
350
- name: "suffix",
351
- displayName: "后缀",
352
- type: "group",
353
- value: [
354
- {
355
- name: "name",
356
- displayName: "系列名",
357
- value: "",
358
- type: "input",
359
- config: {
360
- span: 12
361
- }
362
- },
363
- {
364
- name: "suffix",
365
- displayName: "后缀",
366
- value: "",
367
- type: "input",
368
- config: {
369
- span: 12
370
- }
371
- }
372
- ]
373
- }
374
- ]
375
- },
376
- ]
377
- },
378
- type: 'array'
379
- },
380
- {
381
- name: 'font',
382
- displayName: '文本样式',
383
- value: {
384
- fontFamily: suffixFontFamily,
385
- fontSize: suffixFontSize,
386
- color: suffixColor,
387
- bold: suffixBold,
388
- italic: suffixItalic,
389
- letterSpacing: suffixLetterSpacing,
390
- },
391
- type: 'textStyle',
392
- markColorType: 'textColor',
393
- },
394
- translate(x, y),
395
- ],
396
- }
397
- ],
398
- }
399
- ],
400
- },
401
- ],
402
- },
403
- {
404
- name: 'indicator',
405
- displayName: '指示器',
406
- value: [
407
- {
408
- name: 'width',
409
- displayName: '粗细',
410
- value: width,
411
- type: 'number',
412
- config: {
413
- suffix: '%',
414
- },
415
- },
416
- {
417
- name: 'color',
418
- displayName: '颜色',
419
- value: color,
420
- type: 'color',
421
- },
422
- ],
423
- },
424
- ],
425
- });
1
+ import { translate, margin } from '.';
2
+ const defaultTooltip = {
3
+ auto: false,
4
+ manual: true,
5
+ interval: 10,
6
+ tip: {
7
+ translate: { x: 0, y: 0 },
8
+ image: '',
9
+ size: { width: 120, height: 110 },
10
+ margin: {
11
+ marginTop: 13,
12
+ marginBottom: 10,
13
+ marginLeft: 12,
14
+ marginRight: 12,
15
+ },
16
+ data: {
17
+ xAxis: {
18
+ font: {
19
+ fontFamily: 'Mircosoft Yahei',
20
+ fontSize: 16,
21
+ color: '#E6F6FF',
22
+ bold: false,
23
+ italic: false,
24
+ letterSpacing: 0,
25
+ },
26
+ align: 'left',
27
+ translate: { x: 0, y: 0 },
28
+ },
29
+
30
+ data: {
31
+ lineHeight: 18,
32
+ iconSize: 10,
33
+ num:2,
34
+ name: {
35
+ fontFamily: 'Mircosoft Yahei',
36
+ fontSize: 12,
37
+ color: '#C8E7FF',
38
+ bold: false,
39
+ italic: false,
40
+ letterSpacing: 0,
41
+ },
42
+ value: {
43
+ fontFamily: 'Mircosoft Yahei',
44
+ fontSize: 12,
45
+ color: '#D4EFFC',
46
+ bold: false,
47
+ italic: false,
48
+ letterSpacing: 0,
49
+ },
50
+ suffix: {
51
+ font: {
52
+ fontFamily: 'Mircosoft Yahei',
53
+ fontSize: 12,
54
+ color: '#D4EFFC',
55
+ bold: false,
56
+ italic: false,
57
+ letterSpacing: 0
58
+ },
59
+ translate: { x: 0, y: 0 },
60
+ }
61
+ },
62
+ },
63
+ },
64
+ indicator: { width: 12, color: 'RGBA(255,255,255,0.3)' },
65
+ };
66
+ export default ({
67
+ auto = defaultTooltip.auto,
68
+ manual = defaultTooltip.manual,
69
+ interval = defaultTooltip.interval,
70
+ tip: {
71
+ translate: {
72
+ x: tipTranslateX = defaultTooltip.tip.translate.x,
73
+ y: tipTranslateY = defaultTooltip.tip.translate.y,
74
+ } = defaultTooltip.tip.translate,
75
+ image = defaultTooltip.tip.image,
76
+ size: {
77
+ width: tipWidth = defaultTooltip.tip.size.width,
78
+ height: tipHeight = defaultTooltip.tip.size.height,
79
+ } = defaultTooltip.tip.size,
80
+ margin: {
81
+ marginTop = defaultTooltip.tip.margin.marginTop,
82
+ marginBottom = defaultTooltip.tip.margin.marginBottom,
83
+ marginLeft = defaultTooltip.tip.margin.marginLeft,
84
+ marginRight = defaultTooltip.tip.margin.marginRight,
85
+ } = defaultTooltip.tip.margin,
86
+ data: {
87
+ xAxis: {
88
+ font: {
89
+ fontFamily: xAxisFontFamily,
90
+ fontSize: xAxisFontSize,
91
+ color: xAxisColor,
92
+ bold: xAxisBold,
93
+ italic: xAxisItalic,
94
+ letterSpacing: xAxisLetterSpacing,
95
+ } = defaultTooltip.tip.data.xAxis.font,
96
+ align = defaultTooltip.tip.data.xAxis.align,
97
+ translate: { x, y } = defaultTooltip.tip.data.xAxis.translate,
98
+ } = defaultTooltip.tip.data.xAxis,
99
+ // lineHeight = defaultTooltip.tip.data.lineHeight,
100
+ // iconSize = defaultTooltip.tip.data.iconSize,
101
+ data: {
102
+ lineHeight = defaultTooltip.tip.data.lineHeight,
103
+ iconSize = defaultTooltip.tip.data.iconSize,
104
+ num = defaultTooltip.tip.data.num,
105
+ name: {
106
+ fontFamily: nameFontFamily,
107
+ fontSize: nameFontSize,
108
+ color: nameColor,
109
+ bold: nameBold,
110
+ italic: nameItalic,
111
+ letterSpacing: nameLetterSpacing,
112
+ } = defaultTooltip.tip.data.data.name,
113
+ value: {
114
+ fontFamily: valueFontFamily,
115
+ fontSize: valueFontSize,
116
+ color: valueFontColor,
117
+ bold: valueFontBold,
118
+ italic: valueFontItalic,
119
+ letterSpacing: valueFontLetterSpacing,
120
+ } = defaultTooltip.tip.data.data.value,
121
+ suffix: {
122
+ font: {
123
+ fontFamily: suffixFontFamily,
124
+ fontSize: suffixFontSize,
125
+ color: suffixColor,
126
+ bold: suffixBold,
127
+ italic: suffixItalic,
128
+ letterSpacing: suffixLetterSpacing,
129
+ } = defaultTooltip.tip.data.data.suffix.font,
130
+ } = defaultTooltip.tip.data.data.suffix,
131
+ } = defaultTooltip.tip.data.data,
132
+ } = defaultTooltip.tip.data,
133
+ } = defaultTooltip.tip,
134
+ indicator: {
135
+ width = defaultTooltip.indicator.width,
136
+ color = defaultTooltip.indicator.color,
137
+ } = defaultTooltip.indicator,
138
+ } = defaultTooltip) => ({
139
+ name: 'tooltip',
140
+ displayName: '提示框',
141
+ value: [
142
+ {
143
+ name: 'auto',
144
+ displayName: '自动轮播',
145
+ value: auto,
146
+ type: 'boolean',
147
+ },
148
+ {
149
+ name: 'manual',
150
+ displayName: '悬停触发',
151
+ value: manual,
152
+ type: 'boolean',
153
+ },
154
+ {
155
+ rule: [['auto', '$eq', true]],
156
+ name: 'interval',
157
+ displayName: '停留时间',
158
+ value: interval,
159
+ type: 'number',
160
+ config: {
161
+ suffix: 's',
162
+ },
163
+ },
164
+ {
165
+ name: 'tip',
166
+ displayName: '提示框',
167
+ value: [
168
+ translate(tipTranslateX, tipTranslateY),
169
+ {
170
+ type: 'uploadImage',
171
+ name: 'image',
172
+ displayName: '背景',
173
+ value: image,
174
+ },
175
+ {
176
+ name: 'size',
177
+ displayName: '尺寸',
178
+ value: [
179
+ {
180
+ name: 'width',
181
+ displayName: '宽度',
182
+ value: tipWidth,
183
+ config: {
184
+ span: 12,
185
+ suffix: 'W',
186
+ },
187
+ },
188
+ {
189
+ name: 'height',
190
+ displayName: '高度',
191
+ value: tipHeight,
192
+ config: {
193
+ span: 12,
194
+ suffix: 'H',
195
+ },
196
+ },
197
+ ],
198
+ type: 'group',
199
+ },
200
+ margin({
201
+ marginTop,
202
+ marginRight,
203
+ marginBottom,
204
+ marginLeft,
205
+ }),
206
+ {
207
+ name: 'data',
208
+ displayName: '框内数据',
209
+ value: [
210
+ {
211
+ name: 'xAxis',
212
+ displayName: '类目标签',
213
+ value: [
214
+ {
215
+ name: 'font',
216
+ displayName: '文本样式',
217
+ value: {
218
+ fontFamily: xAxisFontFamily,
219
+ fontSize: xAxisFontSize,
220
+ color: xAxisColor,
221
+ bold: xAxisBold,
222
+ italic: xAxisItalic,
223
+ letterSpacing: xAxisLetterSpacing,
224
+ },
225
+ type: 'textStyle',
226
+ markColorType: 'textColor',
227
+ },
228
+ {
229
+ name: 'align',
230
+ displayName: '对齐方式',
231
+ value: align,
232
+ type: 'radio',
233
+ config: {
234
+ options: [
235
+ { name: '左对齐', value: 'left', icon: 'align-left' },
236
+ {
237
+ name: '居中对齐',
238
+ value: 'center',
239
+ icon: 'align-center',
240
+ },
241
+ {
242
+ name: '右对齐',
243
+ value: 'right',
244
+ icon: 'align-right',
245
+ },
246
+ ],
247
+ mode: 'icon',
248
+ },
249
+ },
250
+ translate(x, y),
251
+ ],
252
+ },
253
+ {
254
+ displayName: '数据',
255
+ name: 'data',
256
+ value: [
257
+ {
258
+ displayName: '行间距',
259
+ type: 'number',
260
+ value: lineHeight,
261
+ name: 'lineHeight',
262
+ },
263
+ {
264
+ displayName: '图标尺寸',
265
+ type: 'number',
266
+ value: iconSize,
267
+ name: 'iconSize',
268
+ },
269
+ {
270
+ displayName:"保留小数",
271
+ type:"number",
272
+ value:num,
273
+ name:"num"
274
+ },
275
+ {
276
+ name: 'name',
277
+ displayName: '系列名称',
278
+ value: {
279
+ fontFamily: nameFontFamily,
280
+ fontSize: nameFontSize,
281
+ color: nameColor,
282
+ bold: nameBold,
283
+ italic: nameItalic,
284
+ letterSpacing: nameLetterSpacing,
285
+ },
286
+ type: 'textStyle',
287
+ markColorType: 'textColor',
288
+ },
289
+ {
290
+ name: 'value',
291
+ displayName: '系列值',
292
+ value: {
293
+ fontFamily: valueFontFamily,
294
+ fontSize: valueFontSize,
295
+ color: valueFontColor,
296
+ bold: valueFontBold,
297
+ italic: valueFontItalic,
298
+ letterSpacing: valueFontLetterSpacing,
299
+ },
300
+ type: 'textStyle',
301
+ markColorType: 'textColor',
302
+ },
303
+ {
304
+ name: 'suffix',
305
+ displayName: '后缀',
306
+ value: [
307
+ {
308
+ name: 'show',
309
+ displayName: '显示',
310
+ value: false,
311
+ type: 'boolean'
312
+ },
313
+ {
314
+ name: 'content',
315
+ displayName: '内容',
316
+ value: [
317
+ {
318
+ name: "suffixText1",
319
+ displayName: "后缀",
320
+ type: "object",
321
+ value: [
322
+ {
323
+ name: "suffix",
324
+ displayName: "后缀",
325
+ type: "group",
326
+ value: [
327
+ {
328
+ name: "name",
329
+ displayName: "系列名",
330
+ value: "系列一",
331
+ type: "input",
332
+ config: {
333
+ span: 12
334
+ }
335
+ },
336
+ {
337
+ name: "suffix",
338
+ displayName: "后缀",
339
+ value: "%",
340
+ type: "input",
341
+ config: {
342
+ span: 12
343
+ }
344
+ }
345
+ ]
346
+ }
347
+ ]
348
+ },
349
+ ],
350
+ config: {
351
+ template: [
352
+ {
353
+ name: "suffixText",
354
+ displayName: "后缀",
355
+ type: "object",
356
+ value: [
357
+ {
358
+ name: "suffix",
359
+ displayName: "后缀",
360
+ type: "group",
361
+ value: [
362
+ {
363
+ name: "name",
364
+ displayName: "系列名",
365
+ value: "",
366
+ type: "input",
367
+ config: {
368
+ span: 12
369
+ }
370
+ },
371
+ {
372
+ name: "suffix",
373
+ displayName: "后缀",
374
+ value: "",
375
+ type: "input",
376
+ config: {
377
+ span: 12
378
+ }
379
+ }
380
+ ]
381
+ }
382
+ ]
383
+ },
384
+ ]
385
+ },
386
+ type: 'array'
387
+ },
388
+ {
389
+ name: 'font',
390
+ displayName: '文本样式',
391
+ value: {
392
+ fontFamily: suffixFontFamily,
393
+ fontSize: suffixFontSize,
394
+ color: suffixColor,
395
+ bold: suffixBold,
396
+ italic: suffixItalic,
397
+ letterSpacing: suffixLetterSpacing,
398
+ },
399
+ type: 'textStyle',
400
+ markColorType: 'textColor',
401
+ },
402
+ translate(x, y),
403
+ ],
404
+ }
405
+ ],
406
+ }
407
+ ],
408
+ },
409
+ ],
410
+ },
411
+ {
412
+ name: 'indicator',
413
+ displayName: '指示器',
414
+ value: [
415
+ {
416
+ name: 'width',
417
+ displayName: '粗细',
418
+ value: width,
419
+ type: 'number',
420
+ config: {
421
+ suffix: '%',
422
+ },
423
+ },
424
+ {
425
+ name: 'color',
426
+ displayName: '颜色',
427
+ value: color,
428
+ type: 'color',
429
+ },
430
+ ],
431
+ },
432
+ ],
433
+ });