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