@siemens/ix-echarts 2.1.2 → 2.2.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 (11) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +2 -2
  3. package/dist/index.esm.js +1330 -490
  4. package/dist/index.js +1330 -509
  5. package/dist/types/index.d.ts +1 -0
  6. package/dist/types/register.d.ts +6 -0
  7. package/dist/types/themes/brand-dark.d.ts +319 -62
  8. package/dist/types/themes/brand-light.d.ts +319 -62
  9. package/dist/types/themes/classic-dark.d.ts +319 -62
  10. package/dist/types/themes/classic-light.d.ts +319 -62
  11. package/package.json +11 -7
package/dist/index.esm.js CHANGED
@@ -1,7 +1,5 @@
1
- import * as echarts from 'echarts';
2
-
3
1
  /*
4
- * SPDX-FileCopyrightText: 2023 Siemens AG
2
+ * SPDX-FileCopyrightText: 2024 Siemens AG
5
3
  *
6
4
  * SPDX-License-Identifier: MIT
7
5
  *
@@ -9,16 +7,8 @@ import * as echarts from 'echarts';
9
7
  * LICENSE file in the root directory of this source tree.
10
8
  */
11
9
  var brandDarkProject = {
12
- version: 1,
13
10
  themeName: 'brand-dark',
14
11
  theme: {
15
- seriesCnt: 3,
16
- backgroundColor: 'transparent',
17
- titleColor: '#ffffff',
18
- subtitleColor: '#ffffff',
19
- textColorShow: false,
20
- textColor: '#ffffff',
21
- markTextColor: '#000000',
22
12
  color: [
23
13
  '#00ffb9',
24
14
  '#41b7e6',
@@ -31,128 +21,346 @@ var brandDarkProject = {
31
21
  '#ffb180',
32
22
  '#b5bd00',
33
23
  ],
34
- borderColor: 'rgba(255,255,255,0.45)',
35
- borderWidth: 0,
36
- visualMapColor: ['#ff2640', '#ff9000', '#ffd732'],
37
- legendTextColor: '#ffffff',
24
+ backgroundColor: 'rgba(0,0,0,0)',
25
+ textStyle: {},
26
+ title: {
27
+ textStyle: {
28
+ color: '#ffffff',
29
+ },
30
+ subtextStyle: {
31
+ color: '#ffffff',
32
+ },
33
+ },
34
+ line: {
35
+ itemStyle: {
36
+ borderWidth: 1,
37
+ },
38
+ lineStyle: {
39
+ width: 2,
40
+ },
41
+ symbolSize: 4,
42
+ symbol: 'emptyCircle',
43
+ smooth: false,
44
+ },
45
+ radar: {
46
+ itemStyle: {
47
+ borderWidth: 1,
48
+ },
49
+ lineStyle: {
50
+ width: 2,
51
+ },
52
+ symbolSize: 4,
53
+ symbol: 'emptyCircle',
54
+ smooth: false,
55
+ },
56
+ bar: {
57
+ itemStyle: {
58
+ barBorderWidth: 0,
59
+ barBorderColor: '#ffffff',
60
+ },
61
+ },
62
+ pie: {
63
+ itemStyle: {
64
+ borderWidth: 0,
65
+ borderColor: '#ffffff',
66
+ },
67
+ },
68
+ scatter: {
69
+ itemStyle: {
70
+ borderWidth: 0,
71
+ borderColor: '#ffffff',
72
+ },
73
+ },
74
+ boxplot: {
75
+ itemStyle: {
76
+ borderWidth: 0,
77
+ borderColor: '#ffffff',
78
+ },
79
+ },
80
+ parallel: {
81
+ itemStyle: {
82
+ borderWidth: 0,
83
+ borderColor: '#ffffff',
84
+ },
85
+ },
86
+ sankey: {
87
+ itemStyle: {
88
+ borderWidth: 0,
89
+ borderColor: '#ffffff',
90
+ },
91
+ },
92
+ funnel: {
93
+ itemStyle: {
94
+ borderWidth: 0,
95
+ borderColor: '#ffffff',
96
+ },
97
+ },
98
+ gauge: {
99
+ itemStyle: {
100
+ borderWidth: 0,
101
+ borderColor: '#ffffff',
102
+ },
103
+ },
104
+ candlestick: {
105
+ itemStyle: {
106
+ color: '#ff2640',
107
+ color0: '#01d65a',
108
+ borderColor: '#ff2640',
109
+ borderColor0: '#01d65a',
110
+ borderWidth: 1,
111
+ },
112
+ },
113
+ graph: {
114
+ itemStyle: {
115
+ borderWidth: 0,
116
+ borderColor: '#ffffff',
117
+ },
118
+ lineStyle: {
119
+ width: 1,
120
+ color: '#ffffff',
121
+ },
122
+ symbolSize: 4,
123
+ symbol: 'emptyCircle',
124
+ smooth: false,
125
+ color: [
126
+ '#00ffb9',
127
+ '#41b7e6',
128
+ '#cd31e7',
129
+ '#b3b3be',
130
+ '#0087be',
131
+ '#86a0f6',
132
+ '#baba9d',
133
+ '#009e78',
134
+ '#ffb180',
135
+ '#b5bd00',
136
+ ],
137
+ label: {
138
+ color: '#000000',
139
+ },
140
+ },
141
+ categoryAxis: {
142
+ axisLine: {
143
+ show: true,
144
+ lineStyle: {
145
+ color: 'rgba(255,255,255,0.35)',
146
+ },
147
+ },
148
+ axisTick: {
149
+ show: true,
150
+ lineStyle: {
151
+ color: 'rgba(255,255,255,0.35)',
152
+ },
153
+ },
154
+ axisLabel: {
155
+ show: true,
156
+ color: '#ffffff',
157
+ },
158
+ splitLine: {
159
+ show: true,
160
+ lineStyle: {
161
+ color: ['rgba(255,255,255,0.1)'],
162
+ },
163
+ },
164
+ splitArea: {
165
+ show: false,
166
+ areaStyle: {
167
+ color: ['rgba(0,0,0,0)', 'rgba(255,255,255,0.1)'],
168
+ },
169
+ },
170
+ },
171
+ valueAxis: {
172
+ axisLine: {
173
+ show: true,
174
+ lineStyle: {
175
+ color: 'rgba(255,255,255,0.35)',
176
+ },
177
+ },
178
+ axisTick: {
179
+ show: true,
180
+ lineStyle: {
181
+ color: 'rgba(255,255,255,0.35)',
182
+ },
183
+ },
184
+ axisLabel: {
185
+ show: true,
186
+ color: '#ffffff',
187
+ },
188
+ splitLine: {
189
+ show: true,
190
+ lineStyle: {
191
+ color: ['rgba(255,255,255,0.1)'],
192
+ },
193
+ },
194
+ splitArea: {
195
+ show: false,
196
+ areaStyle: {
197
+ color: ['rgba(0,0,0,0)', 'rgba(255,255,255,0.1)'],
198
+ },
199
+ },
200
+ },
201
+ logAxis: {
202
+ axisLine: {
203
+ show: true,
204
+ lineStyle: {
205
+ color: 'rgba(255,255,255,0.35)',
206
+ },
207
+ },
208
+ axisTick: {
209
+ show: true,
210
+ lineStyle: {
211
+ color: 'rgba(255,255,255,0.35)',
212
+ },
213
+ },
214
+ axisLabel: {
215
+ show: true,
216
+ color: '#ffffff',
217
+ },
218
+ splitLine: {
219
+ show: true,
220
+ lineStyle: {
221
+ color: ['rgba(255,255,255,0.1)'],
222
+ },
223
+ },
224
+ splitArea: {
225
+ show: false,
226
+ areaStyle: {
227
+ color: ['rgba(0,0,0,0)', 'rgba(255,255,255,0.1)'],
228
+ },
229
+ },
230
+ },
231
+ timeAxis: {
232
+ axisLine: {
233
+ show: true,
234
+ lineStyle: {
235
+ color: 'rgba(255,255,255,0.35)',
236
+ },
237
+ },
238
+ axisTick: {
239
+ show: true,
240
+ lineStyle: {
241
+ color: 'rgba(255,255,255,0.35)',
242
+ },
243
+ },
244
+ axisLabel: {
245
+ show: true,
246
+ color: '#ffffff',
247
+ },
248
+ splitLine: {
249
+ show: true,
250
+ lineStyle: {
251
+ color: ['rgba(255,255,255,0.1)'],
252
+ },
253
+ },
254
+ splitArea: {
255
+ show: false,
256
+ areaStyle: {
257
+ color: ['rgba(0,0,0,0)', 'rgba(255,255,255,0.1)'],
258
+ },
259
+ },
260
+ },
261
+ toolbox: {
262
+ iconStyle: {
263
+ borderColor: '#ffffff',
264
+ },
265
+ emphasis: {
266
+ iconStyle: {
267
+ borderColor: '#00ffb9',
268
+ },
269
+ },
270
+ },
38
271
  legend: {
39
272
  textStyle: {
40
273
  color: '#ffffff',
41
274
  },
42
275
  },
43
- kColor: '#fe0137',
44
- kColor0: '#40c200',
45
- kBorderColor: '#fe0137',
46
- kBorderColor0: '#40c200',
47
- kBorderWidth: 1,
48
- lineWidth: 2,
49
- symbolSize: 4,
50
- symbol: 'circle',
51
- symbolBorderWidth: 1,
52
- lineSmooth: false,
53
- graphLineWidth: 1,
54
- graphLineColor: 'rgba(255,255,255,0.6)',
55
- mapLabelColor: '#000',
56
- mapLabelColorE: 'rgb(100,0,0)',
57
- mapBorderColor: '#444',
58
- mapBorderColorE: '#444',
59
- mapBorderWidth: 0.5,
60
- mapBorderWidthE: 1,
61
- mapAreaColor: '#eee',
62
- mapAreaColorE: 'rgba(255,215,0,0.8)',
63
- axes: [
64
- {
65
- type: 'all',
66
- name: '通用坐标轴',
67
- axisLineShow: true,
68
- axisLineColor: 'rgba(255,255,255,0.35)',
69
- axisTickShow: true,
70
- axisTickColor: 'rgba(255,255,255,0.35)',
71
- axisLabelShow: true,
72
- axisLabelColor: '#ffffff',
73
- splitLineShow: true,
74
- splitLineColor: ['rgba(255,255,255,0.1)'],
75
- splitAreaShow: false,
76
- splitAreaColor: ['rgba(0,0,0,0)', 'rgba(255,255,255,0.1)'],
77
- },
78
- {
79
- type: 'category',
80
- name: '类目坐标轴',
81
- axisLineShow: true,
82
- axisLineColor: '#6E7079',
83
- axisTickShow: true,
84
- axisTickColor: '#6E7079',
85
- axisLabelShow: true,
86
- axisLabelColor: '#6E7079',
87
- splitLineShow: false,
88
- splitLineColor: ['#E0E6F1'],
89
- splitAreaShow: false,
90
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
91
- },
92
- {
93
- type: 'value',
94
- name: '数值坐标轴',
95
- axisLineShow: true,
96
- axisLineColor: '#6E7079',
97
- axisTickShow: false,
98
- axisTickColor: '#6E7079',
99
- axisLabelShow: true,
100
- axisLabelColor: '#6E7079',
101
- splitLineShow: true,
102
- splitLineColor: ['#E0E6F1'],
103
- splitAreaShow: false,
104
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
105
- },
106
- {
107
- type: 'log',
108
- name: '对数坐标轴',
109
- axisLineShow: false,
110
- axisLineColor: '#6E7079',
111
- axisTickShow: false,
112
- axisTickColor: '#6E7079',
113
- axisLabelShow: true,
114
- axisLabelColor: '#6E7079',
115
- splitLineShow: false,
116
- splitLineColor: ['#E0E6F1'],
117
- splitAreaShow: true,
118
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
119
- },
120
- {
121
- type: 'time',
122
- name: '时间坐标轴',
123
- axisLineShow: true,
124
- axisLineColor: '#6E7079',
125
- axisTickShow: true,
126
- axisTickColor: '#6E7079',
127
- axisLabelShow: true,
128
- axisLabelColor: '#6E7079',
129
- splitLineShow: false,
130
- splitLineColor: ['#E0E6F1'],
131
- splitAreaShow: false,
132
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
276
+ tooltip: {
277
+ backgroundColor: '#23233c',
278
+ borderColor: '#23233c',
279
+ textStyle: {
280
+ color: '#ffffff',
133
281
  },
134
- ],
135
- axisSeperateSetting: false,
136
- toolboxColor: 'rgba(255,255,255,0.6)',
137
- toolboxEmphasisColor: '#00ffb9',
138
- tooltipAxisColor: 'rgba(255,255,255,0.35)',
139
- tooltipAxisWidth: '1',
140
- timelineLineColor: 'rgba(0,0,0,0)',
141
- timelineLineWidth: '1',
142
- timelineItemColor: 'rgba(255,255,255,0.35)',
143
- timelineItemColorE: 'rgba(255,255,255,0.6)',
144
- timelineCheckColor: '#00ffb9',
145
- timelineCheckBorderColor: '#000028',
146
- timelineItemBorderWidth: '1',
147
- timelineControlColor: '#00cccc',
148
- timelineControlBorderColor: '#00cccc',
149
- timelineControlBorderWidth: '1',
150
- timelineLabelColor: 'rgba(255,255,255,0.35)',
282
+ axisPointer: {
283
+ lineStyle: {
284
+ color: '#ffffff',
285
+ width: '1',
286
+ },
287
+ crossStyle: {
288
+ color: '#ffffff',
289
+ width: '1',
290
+ },
291
+ },
292
+ },
293
+ timeline: {
294
+ lineStyle: {
295
+ color: 'transparent',
296
+ width: '1',
297
+ },
298
+ itemStyle: {
299
+ color: '#ffffff',
300
+ borderWidth: '1',
301
+ },
302
+ controlStyle: {
303
+ color: '#00cccc',
304
+ borderColor: '#00cccc',
305
+ borderWidth: '1',
306
+ },
307
+ checkpointStyle: {
308
+ color: '#00ffb9',
309
+ borderColor: '#000028',
310
+ },
311
+ label: {
312
+ color: '#ffffff',
313
+ },
314
+ emphasis: {
315
+ itemStyle: {
316
+ color: '#ffffff',
317
+ },
318
+ controlStyle: {
319
+ color: '#00cccc',
320
+ borderColor: '#00cccc',
321
+ borderWidth: '1',
322
+ },
323
+ label: {
324
+ color: '#ffffff',
325
+ },
326
+ },
327
+ },
328
+ visualMap: {
329
+ color: ['#ff2640', '#ff9000', '#ffd732'],
330
+ },
331
+ dataZoom: {
332
+ handleSize: 'undefined%',
333
+ textStyle: {},
334
+ },
335
+ nameTextStyle: {
336
+ color: '#fff',
337
+ },
338
+ markPoint: {
339
+ label: {
340
+ color: '#fff',
341
+ textBorderColor: '#000028',
342
+ textBorderWidth: 1,
343
+ },
344
+ },
345
+ markLine: {
346
+ label: {
347
+ color: '#fff',
348
+ textBorderColor: '#000028',
349
+ textBorderWidth: 1,
350
+ },
351
+ },
352
+ markArea: {
353
+ label: {
354
+ color: '#fff',
355
+ textBorderColor: '#000028',
356
+ textBorderWidth: 1,
357
+ },
358
+ },
151
359
  },
152
360
  };
153
361
 
154
362
  /*
155
- * SPDX-FileCopyrightText: 2023 Siemens AG
363
+ * SPDX-FileCopyrightText: 2024 Siemens AG
156
364
  *
157
365
  * SPDX-License-Identifier: MIT
158
366
  *
@@ -160,16 +368,8 @@ var brandDarkProject = {
160
368
  * LICENSE file in the root directory of this source tree.
161
369
  */
162
370
  var brandLightProject = {
163
- version: 1,
164
371
  themeName: 'brand-light',
165
372
  theme: {
166
- seriesCnt: 3,
167
- backgroundColor: 'transparent',
168
- titleColor: '#000028',
169
- subtitleColor: '#000028',
170
- textColorShow: false,
171
- textColor: '#000028',
172
- markTextColor: '#ffffff',
173
373
  color: [
174
374
  '#00af8e',
175
375
  '#0087be',
@@ -182,128 +382,346 @@ var brandLightProject = {
182
382
  '#dd886a',
183
383
  '#909700',
184
384
  ],
185
- borderColor: 'rgba(0,0,40,0.3)',
186
- borderWidth: 0,
187
- visualMapColor: ['#d72339', '#e96401', '#e9c32a'],
188
- legendTextColor: '#000028',
385
+ backgroundColor: 'rgba(0,0,0,0)',
386
+ textStyle: {},
387
+ title: {
388
+ textStyle: {
389
+ color: '#000028',
390
+ },
391
+ subtextStyle: {
392
+ color: '#000028',
393
+ },
394
+ },
395
+ line: {
396
+ itemStyle: {
397
+ borderWidth: 1,
398
+ },
399
+ lineStyle: {
400
+ width: 2,
401
+ },
402
+ symbolSize: 4,
403
+ symbol: 'circle',
404
+ smooth: false,
405
+ },
406
+ radar: {
407
+ itemStyle: {
408
+ borderWidth: 1,
409
+ },
410
+ lineStyle: {
411
+ width: 2,
412
+ },
413
+ symbolSize: 4,
414
+ symbol: 'circle',
415
+ smooth: false,
416
+ },
417
+ bar: {
418
+ itemStyle: {
419
+ barBorderWidth: 0,
420
+ barBorderColor: '#000028',
421
+ },
422
+ },
423
+ pie: {
424
+ itemStyle: {
425
+ borderWidth: 0,
426
+ borderColor: '#000028',
427
+ },
428
+ },
429
+ scatter: {
430
+ itemStyle: {
431
+ borderWidth: 0,
432
+ borderColor: '#000028',
433
+ },
434
+ },
435
+ boxplot: {
436
+ itemStyle: {
437
+ borderWidth: 0,
438
+ borderColor: '#000028',
439
+ },
440
+ },
441
+ parallel: {
442
+ itemStyle: {
443
+ borderWidth: 0,
444
+ borderColor: '#000028',
445
+ },
446
+ },
447
+ sankey: {
448
+ itemStyle: {
449
+ borderWidth: 0,
450
+ borderColor: '#000028',
451
+ },
452
+ },
453
+ funnel: {
454
+ itemStyle: {
455
+ borderWidth: 0,
456
+ borderColor: '#000028',
457
+ },
458
+ },
459
+ gauge: {
460
+ itemStyle: {
461
+ borderWidth: 0,
462
+ borderColor: '#000028',
463
+ },
464
+ },
465
+ candlestick: {
466
+ itemStyle: {
467
+ color: '#01893a',
468
+ color0: '#d72339',
469
+ borderColor: '#01893a',
470
+ borderColor0: '#d72339',
471
+ borderWidth: 1,
472
+ },
473
+ },
474
+ graph: {
475
+ itemStyle: {
476
+ borderWidth: 0,
477
+ borderColor: '#000028',
478
+ },
479
+ lineStyle: {
480
+ width: '1',
481
+ color: '#000028',
482
+ },
483
+ symbolSize: 4,
484
+ symbol: 'circle',
485
+ smooth: false,
486
+ color: [
487
+ '#00af8e',
488
+ '#0087be',
489
+ '#aa32be',
490
+ '#71758f',
491
+ '#00557c',
492
+ '#4660b4',
493
+ '#94947b',
494
+ '#007362',
495
+ '#dd886a',
496
+ '#909700',
497
+ ],
498
+ label: {
499
+ color: '#ffffff',
500
+ },
501
+ },
502
+ categoryAxis: {
503
+ axisLine: {
504
+ show: true,
505
+ lineStyle: {
506
+ color: 'rgba(0,0,40,0.3)',
507
+ },
508
+ },
509
+ axisTick: {
510
+ show: true,
511
+ lineStyle: {
512
+ color: 'rgba(0,0,40,0.3)',
513
+ },
514
+ },
515
+ axisLabel: {
516
+ show: true,
517
+ color: '#000028',
518
+ },
519
+ splitLine: {
520
+ show: true,
521
+ lineStyle: {
522
+ color: ['rgba(0,0,40,0.1)'],
523
+ },
524
+ },
525
+ splitArea: {
526
+ show: false,
527
+ areaStyle: {
528
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
529
+ },
530
+ },
531
+ },
532
+ valueAxis: {
533
+ axisLine: {
534
+ show: true,
535
+ lineStyle: {
536
+ color: 'rgba(0,0,40,0.3)',
537
+ },
538
+ },
539
+ axisTick: {
540
+ show: true,
541
+ lineStyle: {
542
+ color: 'rgba(0,0,40,0.3)',
543
+ },
544
+ },
545
+ axisLabel: {
546
+ show: true,
547
+ color: '#000028',
548
+ },
549
+ splitLine: {
550
+ show: true,
551
+ lineStyle: {
552
+ color: ['rgba(0,0,40,0.1)'],
553
+ },
554
+ },
555
+ splitArea: {
556
+ show: false,
557
+ areaStyle: {
558
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
559
+ },
560
+ },
561
+ },
562
+ logAxis: {
563
+ axisLine: {
564
+ show: true,
565
+ lineStyle: {
566
+ color: 'rgba(0,0,40,0.3)',
567
+ },
568
+ },
569
+ axisTick: {
570
+ show: true,
571
+ lineStyle: {
572
+ color: 'rgba(0,0,40,0.3)',
573
+ },
574
+ },
575
+ axisLabel: {
576
+ show: true,
577
+ color: '#000028',
578
+ },
579
+ splitLine: {
580
+ show: true,
581
+ lineStyle: {
582
+ color: ['rgba(0,0,40,0.1)'],
583
+ },
584
+ },
585
+ splitArea: {
586
+ show: false,
587
+ areaStyle: {
588
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
589
+ },
590
+ },
591
+ },
592
+ timeAxis: {
593
+ axisLine: {
594
+ show: true,
595
+ lineStyle: {
596
+ color: 'rgba(0,0,40,0.3)',
597
+ },
598
+ },
599
+ axisTick: {
600
+ show: true,
601
+ lineStyle: {
602
+ color: 'rgba(0,0,40,0.3)',
603
+ },
604
+ },
605
+ axisLabel: {
606
+ show: true,
607
+ color: '#000028',
608
+ },
609
+ splitLine: {
610
+ show: true,
611
+ lineStyle: {
612
+ color: ['rgba(0,0,40,0.1)'],
613
+ },
614
+ },
615
+ splitArea: {
616
+ show: false,
617
+ areaStyle: {
618
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
619
+ },
620
+ },
621
+ },
622
+ toolbox: {
623
+ iconStyle: {
624
+ borderColor: '#000028',
625
+ },
626
+ emphasis: {
627
+ iconStyle: {
628
+ borderColor: '#196269',
629
+ },
630
+ },
631
+ },
189
632
  legend: {
190
633
  textStyle: {
191
634
  color: '#000028',
192
635
  },
193
636
  },
194
- kColor: '#d72339',
195
- kColor0: '#01893a',
196
- kBorderColor: '#d72339',
197
- kBorderColor0: '#01893a',
198
- kBorderWidth: 1,
199
- lineWidth: 2,
200
- symbolSize: 4,
201
- symbol: 'circle',
202
- symbolBorderWidth: 1,
203
- lineSmooth: false,
204
- graphLineWidth: '1',
205
- graphLineColor: 'rgba(0,0,40,0.6)',
206
- mapLabelColor: '#000',
207
- mapLabelColorE: 'rgb(100,0,0)',
208
- mapBorderColor: '#444',
209
- mapBorderColorE: '#444',
210
- mapBorderWidth: 0.5,
211
- mapBorderWidthE: 1,
212
- mapAreaColor: '#eee',
213
- mapAreaColorE: 'rgba(255,215,0,0.8)',
214
- axes: [
215
- {
216
- type: 'all',
217
- name: '通用坐标轴',
218
- axisLineShow: true,
219
- axisLineColor: 'rgba(0,0,40,0.3)',
220
- axisTickShow: true,
221
- axisTickColor: 'rgba(0,0,40,0.3)',
222
- axisLabelShow: true,
223
- axisLabelColor: '#000028',
224
- splitLineShow: true,
225
- splitLineColor: ['rgba(0,0,40,0.1)'],
226
- splitAreaShow: false,
227
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
228
- },
229
- {
230
- type: 'category',
231
- name: '类目坐标轴',
232
- axisLineShow: true,
233
- axisLineColor: '#6E7079',
234
- axisTickShow: true,
235
- axisTickColor: '#6E7079',
236
- axisLabelShow: true,
237
- axisLabelColor: '#6E7079',
238
- splitLineShow: false,
239
- splitLineColor: ['#E0E6F1'],
240
- splitAreaShow: false,
241
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
242
- },
243
- {
244
- type: 'value',
245
- name: '数值坐标轴',
246
- axisLineShow: true,
247
- axisLineColor: '#6E7079',
248
- axisTickShow: false,
249
- axisTickColor: '#6E7079',
250
- axisLabelShow: true,
251
- axisLabelColor: '#6E7079',
252
- splitLineShow: true,
253
- splitLineColor: ['#E0E6F1'],
254
- splitAreaShow: false,
255
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
256
- },
257
- {
258
- type: 'log',
259
- name: '对数坐标轴',
260
- axisLineShow: false,
261
- axisLineColor: '#6E7079',
262
- axisTickShow: false,
263
- axisTickColor: '#6E7079',
264
- axisLabelShow: true,
265
- axisLabelColor: '#6E7079',
266
- splitLineShow: false,
267
- splitLineColor: ['#E0E6F1'],
268
- splitAreaShow: true,
269
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
270
- },
271
- {
272
- type: 'time',
273
- name: '时间坐标轴',
274
- axisLineShow: true,
275
- axisLineColor: '#6E7079',
276
- axisTickShow: true,
277
- axisTickColor: '#6E7079',
278
- axisLabelShow: true,
279
- axisLabelColor: '#6E7079',
280
- splitLineShow: false,
281
- splitLineColor: ['#E0E6F1'],
282
- splitAreaShow: false,
283
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
637
+ tooltip: {
638
+ backgroundColor: '#f3f3f0',
639
+ borderColor: '#f3f3f0',
640
+ textStyle: {
641
+ color: '#000028',
284
642
  },
285
- ],
286
- axisSeperateSetting: false,
287
- toolboxColor: 'rgba(0,0,40,0.3)',
288
- toolboxEmphasisColor: '#196269',
289
- tooltipAxisColor: 'rgba(0,0,40,0.3)',
290
- tooltipAxisWidth: '1',
291
- timelineLineColor: 'rgba(0,0,0,0)',
292
- timelineLineWidth: '1',
293
- timelineItemColor: 'rgba(0,0,40,0.3)',
294
- timelineItemColorE: 'rgba(0,0,40,0.6)',
295
- timelineCheckColor: '#196269',
296
- timelineCheckBorderColor: '#ffffff',
297
- timelineItemBorderWidth: '1',
298
- timelineControlColor: '#007993',
299
- timelineControlBorderColor: '#007993',
300
- timelineControlBorderWidth: '1',
301
- timelineLabelColor: 'rgba(0,0,40,0.3)',
643
+ axisPointer: {
644
+ lineStyle: {
645
+ color: '#000028',
646
+ width: '1',
647
+ },
648
+ crossStyle: {
649
+ color: '#000028',
650
+ width: '1',
651
+ },
652
+ },
653
+ },
654
+ timeline: {
655
+ lineStyle: {
656
+ color: 'transparent',
657
+ width: '1',
658
+ },
659
+ itemStyle: {
660
+ color: '#000028',
661
+ borderWidth: '1',
662
+ },
663
+ controlStyle: {
664
+ color: '#007993',
665
+ borderColor: '#007993',
666
+ borderWidth: '1',
667
+ },
668
+ checkpointStyle: {
669
+ color: '#196269',
670
+ borderColor: '#ffffff',
671
+ },
672
+ label: {
673
+ color: '#000028',
674
+ },
675
+ emphasis: {
676
+ itemStyle: {
677
+ color: '#000028',
678
+ },
679
+ controlStyle: {
680
+ color: '#007993',
681
+ borderColor: '#007993',
682
+ borderWidth: '1',
683
+ },
684
+ label: {
685
+ color: '#000028',
686
+ },
687
+ },
688
+ },
689
+ visualMap: {
690
+ color: ['#d72339', '#e96401', '#e9c32a'],
691
+ },
692
+ dataZoom: {
693
+ handleSize: 'undefined%',
694
+ textStyle: {},
695
+ },
696
+ nameTextStyle: {
697
+ color: '#000028',
698
+ },
699
+ markPoint: {
700
+ label: {
701
+ color: '#000028',
702
+ textBorderColor: '#fff',
703
+ textBorderWidth: 1,
704
+ },
705
+ },
706
+ markLine: {
707
+ label: {
708
+ color: '#000028',
709
+ textBorderColor: '#fff',
710
+ textBorderWidth: 1,
711
+ },
712
+ },
713
+ markArea: {
714
+ label: {
715
+ color: '#000028',
716
+ textBorderColor: '#fff',
717
+ textBorderWidth: 1,
718
+ },
719
+ },
302
720
  },
303
721
  };
304
722
 
305
723
  /*
306
- * SPDX-FileCopyrightText: 2023 Siemens AG
724
+ * SPDX-FileCopyrightText: 2024 Siemens AG
307
725
  *
308
726
  * SPDX-License-Identifier: MIT
309
727
  *
@@ -311,16 +729,8 @@ var brandLightProject = {
311
729
  * LICENSE file in the root directory of this source tree.
312
730
  */
313
731
  var classicDarkProject = {
314
- version: 1,
315
732
  themeName: 'classic-dark',
316
733
  theme: {
317
- seriesCnt: 3,
318
- backgroundColor: 'rgba(0,0,0,0)',
319
- titleColor: '#ffffff',
320
- subtitleColor: '#ffffff',
321
- textColorShow: false,
322
- textColor: 'rgba(255,255,255,0.85)',
323
- markTextColor: '#000000',
324
734
  color: [
325
735
  '#00ebd5',
326
736
  '#42b3ff',
@@ -333,128 +743,346 @@ var classicDarkProject = {
333
743
  '#ffb180',
334
744
  '#b5bd00',
335
745
  ],
336
- borderColor: '#ffffff',
337
- borderWidth: 0,
338
- visualMapColor: ['#fe0137', '#eb780a', '#ffb900'],
339
- legendTextColor: '#ffffff',
746
+ backgroundColor: 'rgba(0,0,0,0)',
747
+ textStyle: {},
748
+ title: {
749
+ textStyle: {
750
+ color: '#ffffff',
751
+ },
752
+ subtextStyle: {
753
+ color: '#ffffff',
754
+ },
755
+ },
756
+ line: {
757
+ itemStyle: {
758
+ borderWidth: 1,
759
+ },
760
+ lineStyle: {
761
+ width: 2,
762
+ },
763
+ symbolSize: 4,
764
+ symbol: 'circle',
765
+ smooth: false,
766
+ },
767
+ radar: {
768
+ itemStyle: {
769
+ borderWidth: 1,
770
+ },
771
+ lineStyle: {
772
+ width: 2,
773
+ },
774
+ symbolSize: 4,
775
+ symbol: 'circle',
776
+ smooth: false,
777
+ },
778
+ bar: {
779
+ itemStyle: {
780
+ barBorderWidth: 0,
781
+ barBorderColor: '#ffffff',
782
+ },
783
+ },
784
+ pie: {
785
+ itemStyle: {
786
+ borderWidth: 0,
787
+ borderColor: '#ffffff',
788
+ },
789
+ },
790
+ scatter: {
791
+ itemStyle: {
792
+ borderWidth: 0,
793
+ borderColor: '#ffffff',
794
+ },
795
+ },
796
+ boxplot: {
797
+ itemStyle: {
798
+ borderWidth: 0,
799
+ borderColor: '#ffffff',
800
+ },
801
+ },
802
+ parallel: {
803
+ itemStyle: {
804
+ borderWidth: 0,
805
+ borderColor: '#ffffff',
806
+ },
807
+ },
808
+ sankey: {
809
+ itemStyle: {
810
+ borderWidth: 0,
811
+ borderColor: '#ffffff',
812
+ },
813
+ },
814
+ funnel: {
815
+ itemStyle: {
816
+ borderWidth: 0,
817
+ borderColor: '#ffffff',
818
+ },
819
+ },
820
+ gauge: {
821
+ itemStyle: {
822
+ borderWidth: 0,
823
+ borderColor: '#ffffff',
824
+ },
825
+ },
826
+ candlestick: {
827
+ itemStyle: {
828
+ color: '#40c200',
829
+ color0: '#fe0137',
830
+ borderColor: '#40c200',
831
+ borderColor0: '#fe0137',
832
+ borderWidth: 1,
833
+ },
834
+ },
835
+ graph: {
836
+ itemStyle: {
837
+ borderWidth: 0,
838
+ borderColor: '#ffffff',
839
+ },
840
+ lineStyle: {
841
+ width: '1',
842
+ color: '#ffffff',
843
+ },
844
+ symbolSize: 4,
845
+ symbol: 'circle',
846
+ smooth: false,
847
+ color: [
848
+ '#00ebd5',
849
+ '#42b3ff',
850
+ '#dd65b5',
851
+ '#86acc0',
852
+ '#2473ff',
853
+ '#757eff',
854
+ '#baba9d',
855
+ '#009e78',
856
+ '#ffb180',
857
+ '#b5bd00',
858
+ ],
859
+ label: {
860
+ color: '#000000',
861
+ },
862
+ },
863
+ categoryAxis: {
864
+ axisLine: {
865
+ show: true,
866
+ lineStyle: {
867
+ color: 'rgba(255,255,255,0.3)',
868
+ },
869
+ },
870
+ axisTick: {
871
+ show: true,
872
+ lineStyle: {
873
+ color: 'rgba(255,255,255,0.3)',
874
+ },
875
+ },
876
+ axisLabel: {
877
+ show: true,
878
+ color: 'rgba(255,255,255,0.85)',
879
+ },
880
+ splitLine: {
881
+ show: true,
882
+ lineStyle: {
883
+ color: ['rgba(255,255,255,0.1)'],
884
+ },
885
+ },
886
+ splitArea: {
887
+ show: false,
888
+ areaStyle: {
889
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
890
+ },
891
+ },
892
+ },
893
+ valueAxis: {
894
+ axisLine: {
895
+ show: true,
896
+ lineStyle: {
897
+ color: 'rgba(255,255,255,0.3)',
898
+ },
899
+ },
900
+ axisTick: {
901
+ show: true,
902
+ lineStyle: {
903
+ color: 'rgba(255,255,255,0.3)',
904
+ },
905
+ },
906
+ axisLabel: {
907
+ show: true,
908
+ color: 'rgba(255,255,255,0.85)',
909
+ },
910
+ splitLine: {
911
+ show: true,
912
+ lineStyle: {
913
+ color: ['rgba(255,255,255,0.1)'],
914
+ },
915
+ },
916
+ splitArea: {
917
+ show: false,
918
+ areaStyle: {
919
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
920
+ },
921
+ },
922
+ },
923
+ logAxis: {
924
+ axisLine: {
925
+ show: true,
926
+ lineStyle: {
927
+ color: 'rgba(255,255,255,0.3)',
928
+ },
929
+ },
930
+ axisTick: {
931
+ show: true,
932
+ lineStyle: {
933
+ color: 'rgba(255,255,255,0.3)',
934
+ },
935
+ },
936
+ axisLabel: {
937
+ show: true,
938
+ color: 'rgba(255,255,255,0.85)',
939
+ },
940
+ splitLine: {
941
+ show: true,
942
+ lineStyle: {
943
+ color: ['rgba(255,255,255,0.1)'],
944
+ },
945
+ },
946
+ splitArea: {
947
+ show: false,
948
+ areaStyle: {
949
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
950
+ },
951
+ },
952
+ },
953
+ timeAxis: {
954
+ axisLine: {
955
+ show: true,
956
+ lineStyle: {
957
+ color: 'rgba(255,255,255,0.3)',
958
+ },
959
+ },
960
+ axisTick: {
961
+ show: true,
962
+ lineStyle: {
963
+ color: 'rgba(255,255,255,0.3)',
964
+ },
965
+ },
966
+ axisLabel: {
967
+ show: true,
968
+ color: 'rgba(255,255,255,0.85)',
969
+ },
970
+ splitLine: {
971
+ show: true,
972
+ lineStyle: {
973
+ color: ['rgba(255,255,255,0.1)'],
974
+ },
975
+ },
976
+ splitArea: {
977
+ show: false,
978
+ areaStyle: {
979
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
980
+ },
981
+ },
982
+ },
983
+ toolbox: {
984
+ iconStyle: {
985
+ borderColor: '#ffffff',
986
+ },
987
+ emphasis: {
988
+ iconStyle: {
989
+ borderColor: '#ffffff',
990
+ },
991
+ },
992
+ },
340
993
  legend: {
341
994
  textStyle: {
342
995
  color: '#ffffff',
343
996
  },
344
997
  },
345
- kColor: '#fe0137',
346
- kColor0: '#40c200',
347
- kBorderColor: '#fe0137',
348
- kBorderColor0: '#40c200',
349
- kBorderWidth: 1,
350
- lineWidth: 2,
351
- symbolSize: 4,
352
- symbol: 'circle',
353
- symbolBorderWidth: 1,
354
- lineSmooth: false,
355
- graphLineWidth: '1',
356
- graphLineColor: '#ffffff',
357
- mapLabelColor: '#000',
358
- mapLabelColorE: 'rgb(100,0,0)',
359
- mapBorderColor: '#444',
360
- mapBorderColorE: '#444',
361
- mapBorderWidth: 0.5,
362
- mapBorderWidthE: 1,
363
- mapAreaColor: '#eee',
364
- mapAreaColorE: 'rgba(255,215,0,0.8)',
365
- axes: [
366
- {
367
- type: 'all',
368
- name: '通用坐标轴',
369
- axisLineShow: true,
370
- axisLineColor: 'rgba(255,255,255,0.3)',
371
- axisTickShow: true,
372
- axisTickColor: 'rgba(255,255,255,0.3)',
373
- axisLabelShow: true,
374
- axisLabelColor: 'rgba(255,255,255,0.85)',
375
- splitLineShow: true,
376
- splitLineColor: ['rgba(255,255,255,0.1)'],
377
- splitAreaShow: false,
378
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
379
- },
380
- {
381
- type: 'category',
382
- name: '类目坐标轴',
383
- axisLineShow: true,
384
- axisLineColor: '#6E7079',
385
- axisTickShow: true,
386
- axisTickColor: '#6E7079',
387
- axisLabelShow: true,
388
- axisLabelColor: '#6E7079',
389
- splitLineShow: false,
390
- splitLineColor: ['#E0E6F1'],
391
- splitAreaShow: false,
392
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
393
- },
394
- {
395
- type: 'value',
396
- name: '数值坐标轴',
397
- axisLineShow: true,
398
- axisLineColor: '#6E7079',
399
- axisTickShow: false,
400
- axisTickColor: '#6E7079',
401
- axisLabelShow: true,
402
- axisLabelColor: '#6E7079',
403
- splitLineShow: true,
404
- splitLineColor: ['#E0E6F1'],
405
- splitAreaShow: false,
406
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
407
- },
408
- {
409
- type: 'log',
410
- name: '对数坐标轴',
411
- axisLineShow: false,
412
- axisLineColor: '#6E7079',
413
- axisTickShow: false,
414
- axisTickColor: '#6E7079',
415
- axisLabelShow: true,
416
- axisLabelColor: '#6E7079',
417
- splitLineShow: false,
418
- splitLineColor: ['#E0E6F1'],
419
- splitAreaShow: true,
420
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
421
- },
422
- {
423
- type: 'time',
424
- name: '时间坐标轴',
425
- axisLineShow: true,
426
- axisLineColor: '#6E7079',
427
- axisTickShow: true,
428
- axisTickColor: '#6E7079',
429
- axisLabelShow: true,
430
- axisLabelColor: '#6E7079',
431
- splitLineShow: false,
432
- splitLineColor: ['#E0E6F1'],
433
- splitAreaShow: false,
434
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
998
+ tooltip: {
999
+ backgroundColor: '#283236',
1000
+ borderColor: '#283236',
1001
+ textStyle: {
1002
+ color: 'rgba(245, 252, 255, .93)',
435
1003
  },
436
- ],
437
- axisSeperateSetting: false,
438
- toolboxColor: '#ffffff',
439
- toolboxEmphasisColor: '#ffffff',
440
- tooltipAxisColor: '#ffffff',
441
- tooltipAxisWidth: '1',
442
- timelineLineColor: 'transparent',
443
- timelineLineWidth: '1',
444
- timelineItemColor: '#ffffff',
445
- timelineItemColorE: '#ffffff',
446
- timelineCheckColor: '#41aaaa',
447
- timelineCheckBorderColor: 'transparent',
448
- timelineItemBorderWidth: '1',
449
- timelineControlColor: '#41aaaa',
450
- timelineControlBorderColor: '#41aaaa',
451
- timelineControlBorderWidth: '1',
452
- timelineLabelColor: '#ffffff',
1004
+ axisPointer: {
1005
+ lineStyle: {
1006
+ color: '#ffffff',
1007
+ width: '1',
1008
+ },
1009
+ crossStyle: {
1010
+ color: '#ffffff',
1011
+ width: '1',
1012
+ },
1013
+ },
1014
+ },
1015
+ timeline: {
1016
+ lineStyle: {
1017
+ color: 'transparent',
1018
+ width: '1',
1019
+ },
1020
+ itemStyle: {
1021
+ color: '#ffffff',
1022
+ borderWidth: '1',
1023
+ },
1024
+ controlStyle: {
1025
+ color: '#41aaaa',
1026
+ borderColor: '#41aaaa',
1027
+ borderWidth: '1',
1028
+ },
1029
+ checkpointStyle: {
1030
+ color: '#41aaaa',
1031
+ borderColor: 'transparent',
1032
+ },
1033
+ label: {
1034
+ color: '#ffffff',
1035
+ },
1036
+ emphasis: {
1037
+ itemStyle: {
1038
+ color: '#ffffff',
1039
+ },
1040
+ controlStyle: {
1041
+ color: '#41aaaa',
1042
+ borderColor: '#41aaaa',
1043
+ borderWidth: '1',
1044
+ },
1045
+ label: {
1046
+ color: '#ffffff',
1047
+ },
1048
+ },
1049
+ },
1050
+ visualMap: {
1051
+ color: ['#fe0137', '#eb780a', '#ffb900'],
1052
+ },
1053
+ dataZoom: {
1054
+ handleSize: 'undefined%',
1055
+ textStyle: {},
1056
+ },
1057
+ nameTextStyle: {
1058
+ color: 'rgba(245, 252, 255, .93)',
1059
+ },
1060
+ markPoint: {
1061
+ label: {
1062
+ color: 'rgba(245, 252, 255, .93)',
1063
+ textBorderColor: '#000',
1064
+ textBorderWidth: 1,
1065
+ },
1066
+ },
1067
+ markLine: {
1068
+ label: {
1069
+ color: 'rgba(245, 252, 255, .93)',
1070
+ textBorderColor: '#000',
1071
+ textBorderWidth: 1,
1072
+ },
1073
+ },
1074
+ markArea: {
1075
+ label: {
1076
+ color: 'rgba(245, 252, 255, .93)',
1077
+ textBorderColor: '#000',
1078
+ textBorderWidth: 1,
1079
+ },
1080
+ },
453
1081
  },
454
1082
  };
455
1083
 
456
1084
  /*
457
- * SPDX-FileCopyrightText: 2023 Siemens AG
1085
+ * SPDX-FileCopyrightText: 2024 Siemens AG
458
1086
  *
459
1087
  * SPDX-License-Identifier: MIT
460
1088
  *
@@ -462,16 +1090,8 @@ var classicDarkProject = {
462
1090
  * LICENSE file in the root directory of this source tree.
463
1091
  */
464
1092
  var classicLightProject = {
465
- version: 1,
466
1093
  themeName: 'classic-light',
467
1094
  theme: {
468
- seriesCnt: 3,
469
- backgroundColor: 'rgba(0,0,0,0)',
470
- titleColor: '#000000',
471
- subtitleColor: '#000000',
472
- textColorShow: false,
473
- textColor: 'rgba(0,0,0,0.75)',
474
- markTextColor: '#ffffff',
475
1095
  color: [
476
1096
  '#00b8a6',
477
1097
  '#0094f0',
@@ -484,128 +1104,346 @@ var classicLightProject = {
484
1104
  '#dd886a',
485
1105
  '#909700',
486
1106
  ],
487
- borderColor: '#000000',
488
- borderWidth: 0,
489
- visualMapColor: ['#dc0031', '#ff8d00', '#f0b800'],
490
- legendTextColor: '#000000',
1107
+ backgroundColor: 'rgba(0,0,0,0)',
1108
+ textStyle: {},
1109
+ title: {
1110
+ textStyle: {
1111
+ color: '#000000',
1112
+ },
1113
+ subtextStyle: {
1114
+ color: '#000000',
1115
+ },
1116
+ },
1117
+ line: {
1118
+ itemStyle: {
1119
+ borderWidth: 1,
1120
+ },
1121
+ lineStyle: {
1122
+ width: 2,
1123
+ },
1124
+ symbolSize: 4,
1125
+ symbol: 'circle',
1126
+ smooth: false,
1127
+ },
1128
+ radar: {
1129
+ itemStyle: {
1130
+ borderWidth: 1,
1131
+ },
1132
+ lineStyle: {
1133
+ width: 2,
1134
+ },
1135
+ symbolSize: 4,
1136
+ symbol: 'circle',
1137
+ smooth: false,
1138
+ },
1139
+ bar: {
1140
+ itemStyle: {
1141
+ barBorderWidth: 0,
1142
+ barBorderColor: '#000000',
1143
+ },
1144
+ },
1145
+ pie: {
1146
+ itemStyle: {
1147
+ borderWidth: 0,
1148
+ borderColor: '#000000',
1149
+ },
1150
+ },
1151
+ scatter: {
1152
+ itemStyle: {
1153
+ borderWidth: 0,
1154
+ borderColor: '#000000',
1155
+ },
1156
+ },
1157
+ boxplot: {
1158
+ itemStyle: {
1159
+ borderWidth: 0,
1160
+ borderColor: '#000000',
1161
+ },
1162
+ },
1163
+ parallel: {
1164
+ itemStyle: {
1165
+ borderWidth: 0,
1166
+ borderColor: '#000000',
1167
+ },
1168
+ },
1169
+ sankey: {
1170
+ itemStyle: {
1171
+ borderWidth: 0,
1172
+ borderColor: '#000000',
1173
+ },
1174
+ },
1175
+ funnel: {
1176
+ itemStyle: {
1177
+ borderWidth: 0,
1178
+ borderColor: '#000000',
1179
+ },
1180
+ },
1181
+ gauge: {
1182
+ itemStyle: {
1183
+ borderWidth: 0,
1184
+ borderColor: '#000000',
1185
+ },
1186
+ },
1187
+ candlestick: {
1188
+ itemStyle: {
1189
+ color: '#339b00',
1190
+ color0: '#dc0031',
1191
+ borderColor: '#339b00',
1192
+ borderColor0: '#dc0031',
1193
+ borderWidth: 1,
1194
+ },
1195
+ },
1196
+ graph: {
1197
+ itemStyle: {
1198
+ borderWidth: 0,
1199
+ borderColor: '#000000',
1200
+ },
1201
+ lineStyle: {
1202
+ width: '1',
1203
+ color: '#000000',
1204
+ },
1205
+ symbolSize: 4,
1206
+ symbol: 'circle',
1207
+ smooth: false,
1208
+ color: [
1209
+ '#00b8a6',
1210
+ '#0094f0',
1211
+ '#b63b8c',
1212
+ '#617d8c',
1213
+ '#2351a4',
1214
+ '#5560ff',
1215
+ '#94947b',
1216
+ '#007362',
1217
+ '#dd886a',
1218
+ '#909700',
1219
+ ],
1220
+ label: {
1221
+ color: '#ffffff',
1222
+ },
1223
+ },
1224
+ categoryAxis: {
1225
+ axisLine: {
1226
+ show: true,
1227
+ lineStyle: {
1228
+ color: 'rgba(0,0,0,0.3)',
1229
+ },
1230
+ },
1231
+ axisTick: {
1232
+ show: true,
1233
+ lineStyle: {
1234
+ color: 'rgba(0,0,0,0.3)',
1235
+ },
1236
+ },
1237
+ axisLabel: {
1238
+ show: true,
1239
+ color: 'rgba(0,0,0,0.75)',
1240
+ },
1241
+ splitLine: {
1242
+ show: true,
1243
+ lineStyle: {
1244
+ color: ['rgba(0,0,0,0.1)'],
1245
+ },
1246
+ },
1247
+ splitArea: {
1248
+ show: false,
1249
+ areaStyle: {
1250
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
1251
+ },
1252
+ },
1253
+ },
1254
+ valueAxis: {
1255
+ axisLine: {
1256
+ show: true,
1257
+ lineStyle: {
1258
+ color: 'rgba(0,0,0,0.3)',
1259
+ },
1260
+ },
1261
+ axisTick: {
1262
+ show: true,
1263
+ lineStyle: {
1264
+ color: 'rgba(0,0,0,0.3)',
1265
+ },
1266
+ },
1267
+ axisLabel: {
1268
+ show: true,
1269
+ color: 'rgba(0,0,0,0.75)',
1270
+ },
1271
+ splitLine: {
1272
+ show: true,
1273
+ lineStyle: {
1274
+ color: ['rgba(0,0,0,0.1)'],
1275
+ },
1276
+ },
1277
+ splitArea: {
1278
+ show: false,
1279
+ areaStyle: {
1280
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
1281
+ },
1282
+ },
1283
+ },
1284
+ logAxis: {
1285
+ axisLine: {
1286
+ show: true,
1287
+ lineStyle: {
1288
+ color: 'rgba(0,0,0,0.3)',
1289
+ },
1290
+ },
1291
+ axisTick: {
1292
+ show: true,
1293
+ lineStyle: {
1294
+ color: 'rgba(0,0,0,0.3)',
1295
+ },
1296
+ },
1297
+ axisLabel: {
1298
+ show: true,
1299
+ color: 'rgba(0,0,0,0.75)',
1300
+ },
1301
+ splitLine: {
1302
+ show: true,
1303
+ lineStyle: {
1304
+ color: ['rgba(0,0,0,0.1)'],
1305
+ },
1306
+ },
1307
+ splitArea: {
1308
+ show: false,
1309
+ areaStyle: {
1310
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
1311
+ },
1312
+ },
1313
+ },
1314
+ timeAxis: {
1315
+ axisLine: {
1316
+ show: true,
1317
+ lineStyle: {
1318
+ color: 'rgba(0,0,0,0.3)',
1319
+ },
1320
+ },
1321
+ axisTick: {
1322
+ show: true,
1323
+ lineStyle: {
1324
+ color: 'rgba(0,0,0,0.3)',
1325
+ },
1326
+ },
1327
+ axisLabel: {
1328
+ show: true,
1329
+ color: 'rgba(0,0,0,0.75)',
1330
+ },
1331
+ splitLine: {
1332
+ show: true,
1333
+ lineStyle: {
1334
+ color: ['rgba(0,0,0,0.1)'],
1335
+ },
1336
+ },
1337
+ splitArea: {
1338
+ show: false,
1339
+ areaStyle: {
1340
+ color: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
1341
+ },
1342
+ },
1343
+ },
1344
+ toolbox: {
1345
+ iconStyle: {
1346
+ borderColor: '#000000',
1347
+ },
1348
+ emphasis: {
1349
+ iconStyle: {
1350
+ borderColor: '#000000',
1351
+ },
1352
+ },
1353
+ },
491
1354
  legend: {
492
1355
  textStyle: {
493
1356
  color: '#000000',
494
1357
  },
495
1358
  },
496
- kColor: '#dc0031',
497
- kColor0: '#339b00',
498
- kBorderColor: '#dc0031',
499
- kBorderColor0: '#339b00',
500
- kBorderWidth: 1,
501
- lineWidth: 2,
502
- symbolSize: 4,
503
- symbol: 'circle',
504
- symbolBorderWidth: 1,
505
- lineSmooth: false,
506
- graphLineWidth: '1',
507
- graphLineColor: '#000000',
508
- mapLabelColor: '#fff',
509
- mapLabelColorE: 'rgb(100,0,0)',
510
- mapBorderColor: '#444',
511
- mapBorderColorE: '#444',
512
- mapBorderWidth: 0.5,
513
- mapBorderWidthE: 1,
514
- mapAreaColor: '#eee',
515
- mapAreaColorE: 'rgba(255,215,0,0.8)',
516
- axes: [
517
- {
518
- type: 'all',
519
- name: '通用坐标轴',
520
- axisLineShow: true,
521
- axisLineColor: 'rgba(0,0,0,0.3)',
522
- axisTickShow: true,
523
- axisTickColor: 'rgba(0,0,0,0.3)',
524
- axisLabelShow: true,
525
- axisLabelColor: 'rgba(0,0,0,0.75)',
526
- splitLineShow: true,
527
- splitLineColor: ['rgba(0,0,0,0.1)'],
528
- splitAreaShow: false,
529
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
530
- },
531
- {
532
- type: 'category',
533
- name: '类目坐标轴',
534
- axisLineShow: true,
535
- axisLineColor: '#6E7079',
536
- axisTickShow: true,
537
- axisTickColor: '#6E7079',
538
- axisLabelShow: true,
539
- axisLabelColor: '#6E7079',
540
- splitLineShow: false,
541
- splitLineColor: ['#E0E6F1'],
542
- splitAreaShow: false,
543
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
544
- },
545
- {
546
- type: 'value',
547
- name: '数值坐标轴',
548
- axisLineShow: true,
549
- axisLineColor: '#6E7079',
550
- axisTickShow: false,
551
- axisTickColor: '#6E7079',
552
- axisLabelShow: true,
553
- axisLabelColor: '#6E7079',
554
- splitLineShow: true,
555
- splitLineColor: ['#E0E6F1'],
556
- splitAreaShow: false,
557
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
558
- },
559
- {
560
- type: 'log',
561
- name: '对数坐标轴',
562
- axisLineShow: false,
563
- axisLineColor: '#6E7079',
564
- axisTickShow: false,
565
- axisTickColor: '#6E7079',
566
- axisLabelShow: true,
567
- axisLabelColor: '#6E7079',
568
- splitLineShow: false,
569
- splitLineColor: ['#E0E6F1'],
570
- splitAreaShow: true,
571
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
572
- },
573
- {
574
- type: 'time',
575
- name: '时间坐标轴',
576
- axisLineShow: true,
577
- axisLineColor: '#6E7079',
578
- axisTickShow: true,
579
- axisTickColor: '#6E7079',
580
- axisLabelShow: true,
581
- axisLabelColor: '#6E7079',
582
- splitLineShow: false,
583
- splitLineColor: ['#E0E6F1'],
584
- splitAreaShow: false,
585
- splitAreaColor: ['rgba(250,250,250,0.2)', 'rgba(210,219,238,0.2)'],
1359
+ tooltip: {
1360
+ backgroundColor: '#eff0f1',
1361
+ borderColor: '#eff0f1',
1362
+ textStyle: {
1363
+ color: 'rgba(0, 10, 20, .9)',
586
1364
  },
587
- ],
588
- axisSeperateSetting: false,
589
- toolboxColor: '#000000',
590
- toolboxEmphasisColor: '#000000',
591
- tooltipAxisColor: '#000000',
592
- tooltipAxisWidth: '1',
593
- timelineLineColor: 'transparent',
594
- timelineLineWidth: '1',
595
- timelineItemColor: '#000000',
596
- timelineItemColorE: '#000000',
597
- timelineCheckColor: '#0e777c',
598
- timelineCheckBorderColor: '#ffffff',
599
- timelineItemBorderWidth: '1',
600
- timelineControlColor: '#0e777c',
601
- timelineControlBorderColor: '#0e777c',
602
- timelineControlBorderWidth: '1',
603
- timelineLabelColor: '#000000',
1365
+ axisPointer: {
1366
+ lineStyle: {
1367
+ color: '#000000',
1368
+ width: '1',
1369
+ },
1370
+ crossStyle: {
1371
+ color: '#000000',
1372
+ width: '1',
1373
+ },
1374
+ },
1375
+ },
1376
+ timeline: {
1377
+ lineStyle: {
1378
+ color: 'transparent',
1379
+ width: '1',
1380
+ },
1381
+ itemStyle: {
1382
+ color: '#000000',
1383
+ borderWidth: '1',
1384
+ },
1385
+ controlStyle: {
1386
+ color: '#0e777c',
1387
+ borderColor: '#0e777c',
1388
+ borderWidth: '1',
1389
+ },
1390
+ checkpointStyle: {
1391
+ color: '#0e777c',
1392
+ borderColor: '#ffffff',
1393
+ },
1394
+ label: {
1395
+ color: '#000000',
1396
+ },
1397
+ emphasis: {
1398
+ itemStyle: {
1399
+ color: '#000000',
1400
+ },
1401
+ controlStyle: {
1402
+ color: '#0e777c',
1403
+ borderColor: '#0e777c',
1404
+ borderWidth: '1',
1405
+ },
1406
+ label: {
1407
+ color: '#000000',
1408
+ },
1409
+ },
1410
+ },
1411
+ visualMap: {
1412
+ color: ['#dc0031', '#ff8d00', '#f0b800'],
1413
+ },
1414
+ dataZoom: {
1415
+ handleSize: 'undefined%',
1416
+ textStyle: {},
1417
+ },
1418
+ nameTextStyle: {
1419
+ color: 'rgba(0, 10, 20, .9)',
1420
+ },
1421
+ markPoint: {
1422
+ label: {
1423
+ color: 'rgba(0, 10, 20, .9)',
1424
+ textBorderColor: '#fff',
1425
+ textBorderWidth: 1,
1426
+ },
1427
+ },
1428
+ markLine: {
1429
+ label: {
1430
+ color: 'rgba(0, 10, 20, .9)',
1431
+ textBorderColor: '#fff',
1432
+ textBorderWidth: 1,
1433
+ },
1434
+ },
1435
+ markArea: {
1436
+ label: {
1437
+ color: 'rgba(0, 10, 20, .9)',
1438
+ textBorderColor: '#fff',
1439
+ textBorderWidth: 1,
1440
+ },
1441
+ },
604
1442
  },
605
1443
  };
606
1444
 
607
1445
  /*
608
- * SPDX-FileCopyrightText: 2023 Siemens AG
1446
+ * SPDX-FileCopyrightText: 2024 Siemens AG
609
1447
  *
610
1448
  * SPDX-License-Identifier: MIT
611
1449
  *
@@ -613,9 +1451,9 @@ var classicLightProject = {
613
1451
  * LICENSE file in the root directory of this source tree.
614
1452
  */
615
1453
  function registerEChartsThemes(echartsInstance) {
616
- const chart = echartsInstance !== null && echartsInstance !== void 0 ? echartsInstance : echarts;
617
- if (chart === undefined) {
618
- console.error('echarts not found!');
1454
+ const echarts = echartsInstance !== null && echartsInstance !== void 0 ? echartsInstance : window.echarts;
1455
+ if (!echarts) {
1456
+ throw Error('echarts not found');
619
1457
  }
620
1458
  [
621
1459
  classicDarkProject,
@@ -623,18 +1461,20 @@ function registerEChartsThemes(echartsInstance) {
623
1461
  brandDarkProject,
624
1462
  brandLightProject,
625
1463
  ].forEach((themeBundle) => {
626
- chart.registerTheme(themeBundle.themeName, themeBundle.theme);
1464
+ echarts.registerTheme(themeBundle.themeName, themeBundle.theme);
627
1465
  });
628
1466
  }
629
1467
 
630
1468
  /*
631
- * SPDX-FileCopyrightText: 2023 Siemens AG
1469
+ * SPDX-FileCopyrightText: 2024 Siemens AG
632
1470
  *
633
1471
  * SPDX-License-Identifier: MIT
634
1472
  *
635
1473
  * This source code is licensed under the MIT license found in the
636
1474
  * LICENSE file in the root directory of this source tree.
637
1475
  */
638
- registerEChartsThemes();
1476
+ function convertThemeName(conventionalName) {
1477
+ return conventionalName.replace('theme-', '');
1478
+ }
639
1479
 
640
- export { brandDarkProject as brandDark, brandLightProject as brandLight, classicDarkProject as classicDark, classicLightProject as classicLight, registerEChartsThemes as registerTheme };
1480
+ export { brandDarkProject as brandDark, brandLightProject as brandLight, classicDarkProject as classicDark, classicLightProject as classicLight, convertThemeName, registerEChartsThemes as registerTheme };