@siemens/ix-echarts 0.0.0-20240419081748

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 +9 -0
  2. package/README.md +4 -0
  3. package/dist/index.esm.js +1480 -0
  4. package/dist/index.js +1489 -0
  5. package/dist/types/index.d.ts +6 -0
  6. package/dist/types/register.d.ts +7 -0
  7. package/dist/types/themes/brand-dark.d.ts +331 -0
  8. package/dist/types/themes/brand-light.d.ts +331 -0
  9. package/dist/types/themes/classic-dark.d.ts +331 -0
  10. package/dist/types/themes/classic-light.d.ts +331 -0
  11. package/package.json +44 -0
package/dist/index.esm.js ADDED
@@ -0,0 +1,1480 @@
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
+ var brandDarkProject = {
10
+ themeName: 'brand-dark',
11
+ theme: {
12
+ color: [
13
+ '#00ffb9',
14
+ '#41b7e6',
15
+ '#cd31e7',
16
+ '#b3b3be',
17
+ '#0087be',
18
+ '#86a0f6',
19
+ '#baba9d',
20
+ '#009e78',
21
+ '#ffb180',
22
+ '#b5bd00',
23
+ ],
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
+ },
271
+ legend: {
272
+ textStyle: {
273
+ color: '#ffffff',
274
+ },
275
+ },
276
+ tooltip: {
277
+ backgroundColor: '#23233c',
278
+ borderColor: '#23233c',
279
+ textStyle: {
280
+ color: '#ffffff',
281
+ },
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
+ },
359
+ },
360
+ };
361
+
362
+ /*
363
+ * SPDX-FileCopyrightText: 2024 Siemens AG
364
+ *
365
+ * SPDX-License-Identifier: MIT
366
+ *
367
+ * This source code is licensed under the MIT license found in the
368
+ * LICENSE file in the root directory of this source tree.
369
+ */
370
+ var brandLightProject = {
371
+ themeName: 'brand-light',
372
+ theme: {
373
+ color: [
374
+ '#00af8e',
375
+ '#0087be',
376
+ '#aa32be',
377
+ '#71758f',
378
+ '#00557c',
379
+ '#4660b4',
380
+ '#94947b',
381
+ '#007362',
382
+ '#dd886a',
383
+ '#909700',
384
+ ],
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
+ },
632
+ legend: {
633
+ textStyle: {
634
+ color: '#000028',
635
+ },
636
+ },
637
+ tooltip: {
638
+ backgroundColor: '#f3f3f0',
639
+ borderColor: '#f3f3f0',
640
+ textStyle: {
641
+ color: '#000028',
642
+ },
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
+ },
720
+ },
721
+ };
722
+
723
+ /*
724
+ * SPDX-FileCopyrightText: 2024 Siemens AG
725
+ *
726
+ * SPDX-License-Identifier: MIT
727
+ *
728
+ * This source code is licensed under the MIT license found in the
729
+ * LICENSE file in the root directory of this source tree.
730
+ */
731
+ var classicDarkProject = {
732
+ themeName: 'classic-dark',
733
+ theme: {
734
+ color: [
735
+ '#00ebd5',
736
+ '#42b3ff',
737
+ '#dd65b5',
738
+ '#86acc0',
739
+ '#2473ff',
740
+ '#757eff',
741
+ '#baba9d',
742
+ '#009e78',
743
+ '#ffb180',
744
+ '#b5bd00',
745
+ ],
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
+ },
993
+ legend: {
994
+ textStyle: {
995
+ color: '#ffffff',
996
+ },
997
+ },
998
+ tooltip: {
999
+ backgroundColor: '#283236',
1000
+ borderColor: '#283236',
1001
+ textStyle: {
1002
+ color: 'rgba(245, 252, 255, .93)',
1003
+ },
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
+ },
1081
+ },
1082
+ };
1083
+
1084
+ /*
1085
+ * SPDX-FileCopyrightText: 2024 Siemens AG
1086
+ *
1087
+ * SPDX-License-Identifier: MIT
1088
+ *
1089
+ * This source code is licensed under the MIT license found in the
1090
+ * LICENSE file in the root directory of this source tree.
1091
+ */
1092
+ var classicLightProject = {
1093
+ themeName: 'classic-light',
1094
+ theme: {
1095
+ color: [
1096
+ '#00b8a6',
1097
+ '#0094f0',
1098
+ '#b63b8c',
1099
+ '#617d8c',
1100
+ '#2351a4',
1101
+ '#5560ff',
1102
+ '#94947b',
1103
+ '#007362',
1104
+ '#dd886a',
1105
+ '#909700',
1106
+ ],
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
+ },
1354
+ legend: {
1355
+ textStyle: {
1356
+ color: '#000000',
1357
+ },
1358
+ },
1359
+ tooltip: {
1360
+ backgroundColor: '#eff0f1',
1361
+ borderColor: '#eff0f1',
1362
+ textStyle: {
1363
+ color: 'rgba(0, 10, 20, .9)',
1364
+ },
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
+ },
1442
+ },
1443
+ };
1444
+
1445
+ /*
1446
+ * SPDX-FileCopyrightText: 2024 Siemens AG
1447
+ *
1448
+ * SPDX-License-Identifier: MIT
1449
+ *
1450
+ * This source code is licensed under the MIT license found in the
1451
+ * LICENSE file in the root directory of this source tree.
1452
+ */
1453
+ function registerEChartsThemes(echartsInstance) {
1454
+ const echarts = echartsInstance !== null && echartsInstance !== void 0 ? echartsInstance : window.echarts;
1455
+ if (!echarts) {
1456
+ throw Error('echarts not found');
1457
+ }
1458
+ [
1459
+ classicDarkProject,
1460
+ classicLightProject,
1461
+ brandDarkProject,
1462
+ brandLightProject,
1463
+ ].forEach((themeBundle) => {
1464
+ echarts.registerTheme(themeBundle.themeName, themeBundle.theme);
1465
+ });
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, registerEChartsThemes as registerTheme };