@siemens/ix-echarts 2.3.0 → 3.0.0-alpha.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 (10) hide show
  1. package/package.json +7 -9
  2. package/dist/index.esm.js +0 -1492
  3. package/dist/index.js +0 -1502
  4. package/dist/types/computecss.d.ts +0 -1
  5. package/dist/types/index.d.ts +0 -7
  6. package/dist/types/register.d.ts +0 -7
  7. package/dist/types/themes/brand-dark.d.ts +0 -331
  8. package/dist/types/themes/brand-light.d.ts +0 -331
  9. package/dist/types/themes/classic-dark.d.ts +0 -331
  10. package/dist/types/themes/classic-light.d.ts +0 -331
package/dist/index.esm.js DELETED
@@ -1,1492 +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
- 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: 2023 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 getComputedCSSProperty(cssProperty) {
1477
- return getComputedStyle(document.body).getPropertyValue(`--theme-${cssProperty}`);
1478
- }
1479
-
1480
- /*
1481
- * SPDX-FileCopyrightText: 2024 Siemens AG
1482
- *
1483
- * SPDX-License-Identifier: MIT
1484
- *
1485
- * This source code is licensed under the MIT license found in the
1486
- * LICENSE file in the root directory of this source tree.
1487
- */
1488
- function convertThemeName(conventionalName) {
1489
- return conventionalName.replace('theme-', '');
1490
- }
1491
-
1492
- export { brandDarkProject as brandDark, brandLightProject as brandLight, classicDarkProject as classicDark, classicLightProject as classicLight, convertThemeName, getComputedCSSProperty, registerEChartsThemes as registerTheme };