@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.js DELETED
@@ -1,1502 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- /*
6
- * SPDX-FileCopyrightText: 2024 Siemens AG
7
- *
8
- * SPDX-License-Identifier: MIT
9
- *
10
- * This source code is licensed under the MIT license found in the
11
- * LICENSE file in the root directory of this source tree.
12
- */
13
- const brandDarkProject = {
14
- themeName: 'brand-dark',
15
- theme: {
16
- color: [
17
- '#00ffb9',
18
- '#41b7e6',
19
- '#cd31e7',
20
- '#b3b3be',
21
- '#0087be',
22
- '#86a0f6',
23
- '#baba9d',
24
- '#009e78',
25
- '#ffb180',
26
- '#b5bd00',
27
- ],
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
- },
275
- legend: {
276
- textStyle: {
277
- color: '#ffffff',
278
- },
279
- },
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',
301
- },
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
- },
363
- },
364
- };
365
-
366
- /*
367
- * SPDX-FileCopyrightText: 2024 Siemens AG
368
- *
369
- * SPDX-License-Identifier: MIT
370
- *
371
- * This source code is licensed under the MIT license found in the
372
- * LICENSE file in the root directory of this source tree.
373
- */
374
- const brandLightProject = {
375
- themeName: 'brand-light',
376
- theme: {
377
- color: [
378
- '#00af8e',
379
- '#0087be',
380
- '#aa32be',
381
- '#71758f',
382
- '#00557c',
383
- '#4660b4',
384
- '#94947b',
385
- '#007362',
386
- '#dd886a',
387
- '#909700',
388
- ],
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
- },
636
- legend: {
637
- textStyle: {
638
- color: '#000028',
639
- },
640
- },
641
- tooltip: {
642
- backgroundColor: '#f3f3f0',
643
- borderColor: '#f3f3f0',
644
- textStyle: {
645
- color: '#000028',
646
- },
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
- },
724
- },
725
- };
726
-
727
- /*
728
- * SPDX-FileCopyrightText: 2024 Siemens AG
729
- *
730
- * SPDX-License-Identifier: MIT
731
- *
732
- * This source code is licensed under the MIT license found in the
733
- * LICENSE file in the root directory of this source tree.
734
- */
735
- const classicDarkProject = {
736
- themeName: 'classic-dark',
737
- theme: {
738
- color: [
739
- '#00ebd5',
740
- '#42b3ff',
741
- '#dd65b5',
742
- '#86acc0',
743
- '#2473ff',
744
- '#757eff',
745
- '#baba9d',
746
- '#009e78',
747
- '#ffb180',
748
- '#b5bd00',
749
- ],
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
- },
997
- legend: {
998
- textStyle: {
999
- color: '#ffffff',
1000
- },
1001
- },
1002
- tooltip: {
1003
- backgroundColor: '#283236',
1004
- borderColor: '#283236',
1005
- textStyle: {
1006
- color: 'rgba(245, 252, 255, .93)',
1007
- },
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
- },
1085
- },
1086
- };
1087
-
1088
- /*
1089
- * SPDX-FileCopyrightText: 2024 Siemens AG
1090
- *
1091
- * SPDX-License-Identifier: MIT
1092
- *
1093
- * This source code is licensed under the MIT license found in the
1094
- * LICENSE file in the root directory of this source tree.
1095
- */
1096
- const classicLightProject = {
1097
- themeName: 'classic-light',
1098
- theme: {
1099
- color: [
1100
- '#00b8a6',
1101
- '#0094f0',
1102
- '#b63b8c',
1103
- '#617d8c',
1104
- '#2351a4',
1105
- '#5560ff',
1106
- '#94947b',
1107
- '#007362',
1108
- '#dd886a',
1109
- '#909700',
1110
- ],
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
- },
1358
- legend: {
1359
- textStyle: {
1360
- color: '#000000',
1361
- },
1362
- },
1363
- tooltip: {
1364
- backgroundColor: '#eff0f1',
1365
- borderColor: '#eff0f1',
1366
- textStyle: {
1367
- color: 'rgba(0, 10, 20, .9)',
1368
- },
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
- },
1446
- },
1447
- };
1448
-
1449
- /*
1450
- * SPDX-FileCopyrightText: 2024 Siemens AG
1451
- *
1452
- * SPDX-License-Identifier: MIT
1453
- *
1454
- * This source code is licensed under the MIT license found in the
1455
- * LICENSE file in the root directory of this source tree.
1456
- */
1457
- function registerEChartsThemes(echartsInstance) {
1458
- const echarts = echartsInstance !== null && echartsInstance !== void 0 ? echartsInstance : window.echarts;
1459
- if (!echarts) {
1460
- throw Error('echarts not found');
1461
- }
1462
- [
1463
- classicDarkProject,
1464
- classicLightProject,
1465
- brandDarkProject,
1466
- brandLightProject,
1467
- ].forEach((themeBundle) => {
1468
- echarts.registerTheme(themeBundle.themeName, themeBundle.theme);
1469
- });
1470
- }
1471
-
1472
- /*
1473
- * SPDX-FileCopyrightText: 2023 Siemens AG
1474
- *
1475
- * SPDX-License-Identifier: MIT
1476
- *
1477
- * This source code is licensed under the MIT license found in the
1478
- * LICENSE file in the root directory of this source tree.
1479
- */
1480
- function getComputedCSSProperty(cssProperty) {
1481
- return getComputedStyle(document.body).getPropertyValue(`--theme-${cssProperty}`);
1482
- }
1483
-
1484
- /*
1485
- * SPDX-FileCopyrightText: 2024 Siemens AG
1486
- *
1487
- * SPDX-License-Identifier: MIT
1488
- *
1489
- * This source code is licensed under the MIT license found in the
1490
- * LICENSE file in the root directory of this source tree.
1491
- */
1492
- function convertThemeName(conventionalName) {
1493
- return conventionalName.replace('theme-', '');
1494
- }
1495
-
1496
- exports.brandDark = brandDarkProject;
1497
- exports.brandLight = brandLightProject;
1498
- exports.classicDark = classicDarkProject;
1499
- exports.classicLight = classicLightProject;
1500
- exports.convertThemeName = convertThemeName;
1501
- exports.getComputedCSSProperty = getComputedCSSProperty;
1502
- exports.registerTheme = registerEChartsThemes;