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