@siemens/ix-echarts 2.3.1 → 3.0.0-alpha.1

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