realchart 1.1.13 → 1.2.3

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.
@@ -1,948 +0,0 @@
1
- @charset "UTF-8";
2
-
3
- .rct-root {
4
- font-family: AppleSDGothicNeo-Light, "HelveticaNeue", "Malgun Gothic", "맑은 고딕", sans-serif;
5
- font-size: 16px;
6
- color: #000;
7
- /* background-color: #fff; */
8
- /* word-break: break-all;
9
- word-wrap: break-word; */
10
- -webkit-touch-callout: default;
11
- user-select: none;
12
- -webkit-user-select: none;
13
- -moz-user-select: none;
14
- -ms-user-select: none;
15
- touch-action: auto;
16
- -ms-touch-action: auto;
17
- text-align: left;
18
- text-align: initial;
19
- }
20
-
21
- .rct-root text {
22
- stroke: none;
23
- }
24
-
25
- .rct-pattern {
26
- stroke: #000;
27
- }
28
-
29
- /** palette */
30
-
31
- /** theme */
32
- :root, .rct-root {
33
-
34
- /* polar */
35
-
36
- /* linear gauge */
37
- /** bullet gauge */
38
- /* circle gauge */
39
- /* clock gauge */
40
- /** zoom tracker */
41
- /** series navigator */
42
- }
43
- .rct-root[data-theme='dark'] {
44
-
45
- /* polar */
46
-
47
- /* linear gauge */
48
- /* circle gauge */
49
-
50
- /** zoom tracker */
51
- }
52
- .rct-root[data-theme='real'] {
53
-
54
- /* polar */
55
-
56
- /* circle gauge */
57
-
58
- /** zoom tracker */
59
- }
60
-
61
- /** control */
62
- .rct-control {
63
- background-color: none;
64
- }
65
-
66
- /** root */
67
- .rct-root {
68
- padding: 20px;
69
- }
70
-
71
- /** debug border */
72
- .rct-debug {
73
- fill: none;
74
- stroke: rgba(255,0,0,0.25098);
75
- pointer-events: none;
76
- }
77
-
78
- /** rich text */
79
- .rct-text-bold {
80
- font-weight: bold;
81
- }
82
- .rct-text-italic {
83
- font-style: italic;
84
- }
85
-
86
- /** label */
87
- .rct-label-dark {
88
- fill: #000;
89
- }
90
- .rct-label-light {
91
- fill: #fff;
92
- }
93
- .rct-label-background {
94
- fill: #d3d3d3;
95
- }
96
-
97
- /** button */
98
- .rct-button-background {
99
- padding: 2px 4px;
100
- rx: 5px;
101
- fill: #e0e0e0;
102
- stroke: #c0c0c0;
103
- }
104
- .rct-button {
105
- fill: #333;
106
- font-size: 0.9em;
107
- }
108
-
109
- /** background */
110
- .rct-background {
111
- fill: none;
112
- }
113
-
114
- /** credits */
115
- .rct-credits {
116
- font-size: 0.7em;
117
- fill: #777;
118
- }
119
-
120
- /** title */
121
- .rct-title {
122
- margin-bottom: 10px;
123
- font-size: 22px;
124
- fill: #333;
125
- }
126
- .rct-title-background {
127
- fill: none;
128
- }
129
- .rct-subtitle {
130
- margin-bottom: 10px;
131
- font-size: 15px;
132
- fill: #333;
133
- }
134
- .rct-subtitle-background {
135
- fill: none;
136
- }
137
-
138
- /** legend */
139
- .rct-legend {
140
- fill: #333;
141
- stroke: none;
142
- padding: 3px 6px;
143
- font-size: 14px;
144
- }
145
- .rct-legend-background {
146
- fill: none;
147
- rx: 7px;
148
- stroke: none;
149
- }
150
- .rct-legend-item-label[data-hidden] {
151
- fill: #aaa;
152
- -webkit-text-decoration: line-through;
153
- text-decoration: line-through;
154
- }
155
- .rct-legend-item-label[data-empty] {
156
- fill: #aaa;
157
- }
158
- .rct-legend-item-marker[data-hidden] {
159
- fill: #aaa !important;
160
- stroke: #aaa !important;
161
- }
162
- .rct-legend-item-marker[data-hidden] path[data-fill] {
163
- fill: #aaa !important;
164
- }
165
- .rct-legend-item-marker[data-empty] {
166
- fill: #aaa !important;
167
- stroke: #aaa !important;
168
- }
169
- .rct-legend-item-marker[data-empty] path[data-fill] {
170
- fill: #aaa !important;
171
- }
172
-
173
- /** body */
174
- .rct-body-background {
175
- stroke: none;
176
- fill: none;
177
- shape-rendering: crispEdges;
178
- }
179
- .rct-body-background[data-polar] {
180
- stroke: none;
181
- }
182
- .rct-empty-view {
183
- fill: #fcfcff;
184
- stroke: #eee;
185
- }
186
- .rct-empty-view-label {
187
- fill: #777;
188
- font-size: 1.4em;
189
- }
190
-
191
- /** axis */
192
- .rct-axis-title {
193
- font-size: 15px;
194
- fill: #333;
195
- }
196
- .rct-axis-title-background {
197
- fill: none;
198
- }
199
- .rct-axis-line {
200
- stroke: #aaa;
201
- stroke-width: 1px;
202
- shape-rendering: crispEdges;
203
- }
204
- .rct-axis-baseline {
205
- stroke: #333;
206
- stroke-width: 1px;
207
- shape-rendering: crispEdges;
208
- }
209
- .rct-axis-tick {
210
- stroke: #555;
211
- stroke-width: 1px;
212
- shape-rendering: crispEdges;
213
- }
214
- .rct-axis-labels {
215
- font-size: 14px;
216
- fill: #333;
217
- }
218
- .rct-axis-grid {
219
- fill: none;
220
- }
221
- .rct-axis-grid-line {
222
- stroke: #ddd;
223
- stroke-width: 1px;
224
- shape-rendering: crispEdges;
225
- }
226
- .rct-axis-break {
227
- stroke: #aaa;
228
- fill: #fff;
229
- fill-opacity: 0.9;
230
- }
231
- .rct-axis-guide-label {
232
- fill: #555;
233
- }
234
- .rct-axis-guide-line {
235
- stroke: #555;
236
- stroke-width: 2px;
237
- shape-rendering: crispEdges;
238
- }
239
- .rct-axis-guide-range {
240
- stroke: none;
241
- fill: #0088ff;
242
- fill-opacity: 0.2;
243
- shape-rendering: crispEdges;
244
- }
245
- .rct-axis-scrollbar-track {
246
- fill: #fdfdfd;
247
- stroke: #aaa;
248
- rx: 4px;
249
- }
250
- .rct-axis-scrollbar-thumb {
251
- fill: #d3d3d3;
252
- rx: 4px;
253
- }
254
-
255
- /** polar axis */
256
- .rct-polar-xaxis-line {
257
- stroke: #333;
258
- }
259
- .rct-polar-xaxis-sector-line {
260
- stroke: #555;
261
- }
262
- .rct-polar-axis-grids {
263
- fill: none;
264
- }
265
- .rct-polar-xaxis-grid-line {
266
- stroke: #ccc
267
- }
268
- .rct-polar-yaxis-line {
269
- stroke: #afafaf;
270
- }
271
- .rct-polar-yaxis-grid-line {
272
- stroke: #ccc
273
- }
274
- .rct-polar-axis-labels {
275
- fill: #555
276
- }
277
-
278
- /** series */
279
- .rct-series[data-index="0"] {
280
- fill: #0098ff;
281
- stroke: #0098ff;
282
- }
283
- .rct-series[data-index="1"] {
284
- fill: #66d0ff;
285
- stroke: #66d0ff;
286
- }
287
- .rct-series[data-index="2"] {
288
- fill: #ff5c35;
289
- stroke: #ff5c35;
290
- }
291
- .rct-series[data-index="3"] {
292
- fill: #ff9f00;
293
- stroke: #ff9f00;
294
- }
295
- .rct-series[data-index="4"] {
296
- fill: #ffd938;
297
- stroke: #ffd938;
298
- }
299
- .rct-series[data-index="5"] {
300
- fill: #00ac69;
301
- stroke: #00ac69;
302
- }
303
- .rct-series[data-index="6"] {
304
- fill: #91cc39;
305
- stroke: #91cc39;
306
- }
307
- .rct-series[data-index="7"] {
308
- fill: #8fc6a9;
309
- stroke: #8fc6a9;
310
- }
311
- .rct-series[data-index="8"] {
312
- fill: #c45db9;
313
- stroke: #c45db9;
314
- }
315
- .rct-series[data-index="9"] {
316
- fill: #ef5e99;
317
- stroke: #ef5e99;
318
- }
319
- .rct-series[data-index="10"] {
320
- fill: #afa4c6;
321
- stroke: #afa4c6;
322
- }
323
- .rct-series[data-index="11"] {
324
- fill: #5b63aa;
325
- stroke: #5b63aa;
326
- }
327
-
328
- .rct-series-trendline {
329
- stroke: #ff0000;
330
- stroke-width: 2px;
331
- stroke-linejoin: round;
332
- fill: none;
333
- }
334
-
335
- /** data point */
336
- .rct-series[data-pointcolors="a"] .rct-point[data-index="0"] {
337
- fill: #0098ff;
338
- stroke: #0098ff;
339
- }
340
- .rct-series[data-pointcolors="a"] .rct-point[data-index="1"] {
341
- fill: #66d0ff;
342
- stroke: #66d0ff;
343
- }
344
- .rct-series[data-pointcolors="a"] .rct-point[data-index="2"] {
345
- fill: #ff5c35;
346
- stroke: #ff5c35;
347
- }
348
- .rct-series[data-pointcolors="a"] .rct-point[data-index="3"] {
349
- fill: #ff9f00;
350
- stroke: #ff9f00;
351
- }
352
- .rct-series[data-pointcolors="a"] .rct-point[data-index="4"] {
353
- fill: #ffd938;
354
- stroke: #ffd938;
355
- }
356
- .rct-series[data-pointcolors="a"] .rct-point[data-index="5"] {
357
- fill: #00ac69;
358
- stroke: #00ac69;
359
- }
360
- .rct-series[data-pointcolors="a"] .rct-point[data-index="6"] {
361
- fill: #91cc39;
362
- stroke: #91cc39;
363
- }
364
- .rct-series[data-pointcolors="a"] .rct-point[data-index="7"] {
365
- fill: #8fc6a9;
366
- stroke: #8fc6a9;
367
- }
368
- .rct-series[data-pointcolors="a"] .rct-point[data-index="8"] {
369
- fill: #c45db9;
370
- stroke: #c45db9;
371
- }
372
- .rct-series[data-pointcolors="a"] .rct-point[data-index="9"] {
373
- fill: #ef5e99;
374
- stroke: #ef5e99;
375
- }
376
- .rct-series[data-pointcolors="a"] .rct-point[data-index="10"] {
377
- fill: #afa4c6;
378
- stroke: #afa4c6;
379
- }
380
- .rct-series[data-pointcolors="a"] .rct-point[data-index="11"] {
381
- fill: #5b63aa;
382
- stroke: #5b63aa;
383
- }
384
-
385
- .rct-series[data-pointcolors="f"] .rct-point[data-index="0"] {
386
- fill: #0098ff;
387
- }
388
- .rct-series[data-pointcolors="f"] .rct-point[data-index="1"] {
389
- fill: #66d0ff;
390
- }
391
- .rct-series[data-pointcolors="f"] .rct-point[data-index="2"] {
392
- fill: #ff5c35;
393
- }
394
- .rct-series[data-pointcolors="f"] .rct-point[data-index="3"] {
395
- fill: #ff9f00;
396
- }
397
- .rct-series[data-pointcolors="f"] .rct-point[data-index="4"] {
398
- fill: #ffd938;
399
- }
400
- .rct-series[data-pointcolors="f"] .rct-point[data-index="5"] {
401
- fill: #00ac69;
402
- }
403
- .rct-series[data-pointcolors="f"] .rct-point[data-index="6"] {
404
- fill: #91cc39;
405
- }
406
- .rct-series[data-pointcolors="f"] .rct-point[data-index="7"] {
407
- fill: #8fc6a9;
408
- }
409
- .rct-series[data-pointcolors="f"] .rct-point[data-index="8"] {
410
- fill: #c45db9;
411
- }
412
- .rct-series[data-pointcolors="f"] .rct-point[data-index="9"] {
413
- fill: #ef5e99;
414
- }
415
- .rct-series[data-pointcolors="f"] .rct-point[data-index="10"] {
416
- fill: #afa4c6;
417
- }
418
- .rct-series[data-pointcolors="f"] .rct-point[data-index="11"] {
419
- fill: #5b63aa;
420
- }
421
-
422
- /** series */
423
- .rct-series {
424
- opacity: inherit;
425
- transition-property: opacity;
426
- transition-duration: 0.7s;
427
- }
428
- .rct-series[data-unhover] {
429
- opacity: 0.2 !important;
430
- }
431
- .rct-point[data-unhover] {
432
- opacity: 0.2 !important;
433
- }
434
- .rct-series .rct-point[data-focus] {
435
- stroke: #000 !important;
436
- stroke-width: 2px !important;
437
- filter: brightness(115%) !important;
438
- opacity: 1 !important;
439
- }
440
- .rct-point[data-unfocus] {
441
- stroke: #000 !important;
442
- stroke-width: 2px !important;
443
- filter: brightness(115%) !important;
444
- opacity: 1 !important;
445
- }
446
- /** data point hover */
447
- .rct-point-unhover {
448
- opacity: 0.3;
449
- transition: opacity 0.7s;
450
- }
451
- .rct-point-hover {
452
- opacity: inherit;
453
- transition: opacity 0.7s;
454
- }
455
- .rct-point-labels {
456
- opacity: inherit;
457
- transition-property: opacity;
458
- transition-duration: 0.7s;
459
- }
460
- .rct-point-labels[data-unhover] {
461
- opacity: 0.3 !important;
462
- }
463
-
464
- /** rct-point 대신 여기에 지정해야 outline에 반영된다. */
465
- .rct-point-labels {
466
- font-size: 0.8em;
467
- font-weight: bold;
468
- stroke: none;
469
- fill: #333;
470
- }
471
- .rct-point-label {
472
- fill-opacity: 1;
473
- opacity: 1;
474
- }
475
- .rct-point-label-lines {
476
- stroke-width: 1px;
477
- stroke: rgba(85,133,85,0.37647);
478
- fill: none;
479
- }
480
-
481
- /** bar series */
482
- .rct-bar-series {
483
- fill-opacity: 1;
484
- }
485
-
486
- /** circlebar series */
487
- .rct-circlebar-series .rct-point {
488
- stroke: #fff;
489
- }
490
-
491
- /** barrange series */
492
- .rct-barrange-series {
493
- fill-opacity: 0.85;
494
- }
495
-
496
- /** line series */
497
- .rct-line-series-line {
498
- stroke-width: 1px;
499
- }
500
- .rct-line-series .rct-point {
501
- stroke-dasharray: none;
502
- }
503
- .rct-line-series-flag {
504
- font-weight: bold;
505
- font-size: 0.9em;
506
- }
507
-
508
- /** area series */
509
- .rct-area-series-area {
510
- fill-opacity: 0.5;
511
- }
512
- .rct-area-series-area[data-polar] {
513
- fill-opacity: 0.25;
514
- }
515
- .rct-area-series-area[data-simple] {
516
- fill-opacity: 0.05;
517
- }
518
- .rct-area-series .rct-area-series-area {
519
- stroke: none;
520
- }
521
-
522
- /** arearange series */
523
- .rct-arearange-series-area {
524
- fill-opacity: 0.5;
525
- }
526
- .rct-arearange-series .rct-arearange-series-area {
527
- stroke: none;
528
- }
529
-
530
- /** bubble series */
531
- .rct-bubble-series {
532
- fill-opacity: 0.75;
533
- stroke-width: 1px;
534
- }
535
-
536
- /** scatter series */
537
- .rct-scatter-series {
538
- fill-opacity: 0.7;
539
- }
540
- .rct-scatter-series .rct-point[data-focus] {
541
- fill-opacity: 0.9;
542
- }
543
-
544
- /** boxplot series */
545
- .rct-boxplot-series {
546
- stroke-width: 1;
547
- }
548
- .rct-boxplot-point-min {
549
- stroke: #333;
550
- stroke-width: 2;
551
- }
552
- .rct-boxplot-point-mid {
553
- stroke: #333;
554
- stroke-width: 2;
555
- }
556
- .rct-boxplot-point-max {
557
- stroke: #333;
558
- stroke-width: 2;
559
- }
560
- .rct-boxplot-point-stem {
561
- stroke: #333;
562
- stroke-dasharray: 2;
563
- }
564
- .rct-boxplot-series .rct-point[data-focus] .rct-boxplot-point-stem {
565
- stroke: #000;
566
- stroke-dasharray: none;
567
- stroke-width: 2px;
568
- }
569
-
570
- /** candlestick series */
571
- .rct-candlestick-series {
572
- stroke-width: 1;
573
- fill-opacity: 0.85;
574
- }
575
- .rct-candlestick-series .rct-point[data-focus] {
576
- fill-opacity: 0.5;
577
- }
578
- .rct-candlestick-series .rct-point[data-decline] {
579
- fill: #008;
580
- stroke: #008;
581
- }
582
- .rct-candlestick-point-border {
583
- stroke: #333;
584
- }
585
- .rct-candlestick-point-wick {
586
- stroke: #003;
587
- }
588
-
589
- /** ohlc series */
590
- .rct-ohlc-series {
591
- stroke-width: 2;
592
- }
593
- .rct-ohlc-series .rct-point[data-decline] {
594
- stroke: #00f;
595
- }
596
- .rct-ohlc-series .rct-point[data-focus] .rct-ohlc-point-back {
597
- fill: rgba(0,136,255,0.12549) !important;
598
- }
599
- .rct-ohlc-point-back {
600
- stroke: none;
601
- }
602
-
603
- /** waterfall series */
604
- .rct-waterfall-series {
605
- fill-opacity: 0.85;
606
- }
607
- .rct-waterfall-point-negative {
608
- fill: #dd5500;
609
- stroke: #dd5500;
610
- }
611
- .rct-waterfall-point-sum {
612
- fill: #0055cc;
613
- stroke: #0055cc;
614
- }
615
- .rct-waterfall-series-lines {
616
- stroke: #77f;
617
- stroke-width: 2;
618
- stroke-dasharray: 2;
619
- }
620
-
621
- /** errobar series */
622
- .rct-errorbar-series .rct-point {
623
- stroke: #008;
624
- stroke-width: 2px;
625
- }
626
- .rct-errorbar-series .rct-point[data-focus] .rct-errorbar-point-back {
627
- fill: rgba(0,136,255,0.12549) !important;
628
- }
629
-
630
- /** lollipop series */
631
- .rct-lollipop-series {
632
- stroke-width: 3px;
633
- }
634
- .rct-lollipop-point-bar {
635
- shape-rendering: crispEdges;
636
- }
637
- .rct-lollipop-point-marker {
638
- stroke: none;
639
- }
640
- .rct-lollipop-series .rct-point[data-focus] {
641
- stroke: #000;
642
- stroke-width: inherit;
643
- }
644
- .rct-lollipop-series .rct-point[data-focus] .rct-lollipop-point-marker {
645
- stroke: #000;
646
- stroke-width: 2px;
647
- }
648
-
649
- /** dumbbell series */
650
- .rct-dumbbell-series {
651
- stroke-width: 3px;
652
- }
653
- .rct-dumbbell-point-bar {
654
- shape-rendering: crispEdges;
655
- }
656
- .rct-dumbbell-point-marker {
657
- stroke: none;
658
- }
659
- .rct-dumbbell-series .rct-point[data-focus] {
660
- stroke: #000;
661
- stroke-width: inherit;
662
- }
663
- .rct-dumbbell-series .rct-point[data-focus] .rct-dumbbell-point-marker {
664
- stroke: #000;
665
- stroke-width: 2px;
666
- }
667
-
668
- /** equalizer series */
669
- .rct-equalizer-series {
670
- fill-opacity: 0.9;
671
- }
672
- .rct-equalizer-series .rct-point[data-focus] {
673
- filter: brightness(120%);
674
- }
675
-
676
- /** histogram */
677
- .rct-histogram-series .rct-point {
678
- stroke: #fff;
679
- }
680
-
681
- /** vector series */
682
- .rct-vector-series {
683
- stroke-width: 2px;
684
- }
685
- .rct-vector-series .rct-point[data-focus] {
686
- stroke-width: 5px;
687
- }
688
-
689
- /** heatmpa series */
690
- .rct-heatmap-series .rct-point {
691
- stroke: none;
692
- }
693
-
694
- /** treemap series */
695
- .rct-treemap-series .rct-point {
696
- stroke: #fff;
697
- }
698
-
699
- /** pie series */
700
- .rct-pie-series .rct-point {
701
- stroke: #fff;
702
- }
703
- .rct-pie-series-inner {
704
- font-size: 20px;
705
- fill: #557;
706
- }
707
-
708
- /** funnel series */
709
- .rct-funnel-series .rct-point {
710
- stroke: #fff;
711
- }
712
- .rct-funnel-series .rct-point[data-focus] {
713
- stroke: #000;
714
- stroke-width: 2px;
715
- }
716
-
717
- /** gauge */
718
- .rct-gauge-pane {
719
- fill: none;
720
- }
721
-
722
- /** gauge group */
723
- .rct-gauge-group {
724
- padding: 10px;
725
- }
726
-
727
- /** circle gauge */
728
- .rct-circle-gauge-rim {
729
- fill: #ededed;
730
- }
731
- .rct-circle-gauge-inner {
732
- fill: none;
733
- }
734
- .rct-circle-gauge-value {
735
- fill: #0098ff;
736
- }
737
- .rct-circle-gauge-value[data-stroked] {
738
- fill: none;
739
- }
740
- .rct-circle-gauge-label {
741
- font-size: 40px;
742
- fill: #000;
743
- stroke: none;
744
- }
745
- .rct-circle-gauge-label[data-grouped] {
746
- font-size: 20px;
747
- }
748
- .rct-circle-gauge-pin {
749
- fill: #fff;
750
- stroke: #333;
751
- stroke-width: 3px;
752
- }
753
- .rct-circle-gauge-hand {
754
- fill: #333;
755
- stroke: none;
756
- }
757
-
758
- /** clock gauge */
759
- .rct-clock-gauge-face {
760
- fill: #fff;
761
- stroke: none;
762
- }
763
- .rct-clock-gauge-rim {
764
- fill: #eee;
765
- stroke: #808080;
766
- }
767
- .rct-clock-gauge-tick {
768
- stroke: #333;
769
- stroke-width: 2px;
770
- }
771
- .rct-clock-gauge-minor-tick {
772
- stroke: #555;
773
- stroke-width: 1px;
774
- }
775
- .rct-clock-gauge-tick-label {
776
- stroke: none;
777
- fill: #333;
778
- font-size: 1em;
779
- }
780
- .rct-clock-gauge-pin {
781
- fill: #fff;
782
- stroke: #333;
783
- stroke-width: 3px;
784
- }
785
- .rct-clock-gauge-hour {
786
- fill: #333;
787
- }
788
- .rct-clock-gauge-minute {
789
- fill: #333;
790
- }
791
- .rct-clock-gauge-second {
792
- fill: #c00;
793
- }
794
- .rct-clock-gauge-label {
795
- fill: #aaa;
796
- }
797
-
798
- /** gauge scale */
799
- .rct-gauge-scale-line {
800
- stroke: #555;
801
- fill: none;
802
- }
803
- .rct-gauge-scale-ticks {
804
- stroke: #555;
805
- stroke: #555;
806
- }
807
- .rct-gauge-scale-tick-labels {
808
- font-size: 0.85em;
809
- fill: #333;
810
- }
811
-
812
- /** linear gauge */
813
- .rct-linear-gauge-background {
814
- fill: #eee;
815
- }
816
- .rct-linear-gauge-value {
817
- fill: #008000;
818
- }
819
- .rct-linear-gauge-band-tick-labels {
820
- font-size: 0.85em;
821
- fill: #333;
822
- }
823
-
824
- /** linear gauge group */
825
- .rct-linear-gauge-group-label {
826
- fill: #333;
827
- font-size: 1.5em;
828
- }
829
-
830
- /** bullet gauge */
831
- .rct-bullet-gauge-background {
832
- fill: #eee;
833
- }
834
- .rct-bullet-gauge-value {
835
- fill: #333;
836
- }
837
- .rct-bullet-gauge-target {
838
- fill: #333;
839
- }
840
- .rct-bullet-gauge-label {
841
- font-size: 1em;
842
- fill: #333;
843
- }
844
- .rct-bullet-gauge-scale-line {
845
- stroke: #333;
846
- }
847
- .rct-bullet-gauge-scale-ticks {
848
- stroke: #333;
849
- }
850
- .rct-bullet-gauge-scale-tick-labels {
851
- font-size: 0.9em;
852
- fill: #333;
853
- }
854
-
855
- /** bullet gauge group */
856
- .rct-bullet-gauge-group {
857
- padding: 10px;
858
- }
859
- .rct-bullet-gauge-group-label {
860
- font-size: 1.5em;
861
- }
862
-
863
- /** tooltip */
864
- .rct-tooltip {
865
- font-size: 0.8em;
866
- pointer-events: none;
867
- opacity: 0.9;
868
- }
869
- .rct-tooltip-back {
870
- fill: #fff;
871
- }
872
- .rct-tooltip-tail {
873
- fill: #fff;
874
- }
875
- .rct-tooltip-text {
876
- fill: #333;
877
- stroke: none;
878
- }
879
-
880
- /** annotation */
881
- .rct-annotation-background {
882
- fill: none;
883
- stroke: none;
884
- }
885
- .rct-text-annotation {
886
- font-size: 20px;
887
- stroke: #333;
888
- stroke-width: 3px;
889
- }
890
-
891
- /** crosshair */
892
- .rct-crosshair-line {
893
- fill: none;
894
- stroke-width: 1;
895
- stroke: rgba(128,128,128,0.50196);
896
- shape-rendering: crispEdges;
897
- }
898
- .rct-crosshair-bar {
899
- stroke: none;
900
- fill: rgba(68,136,204,0.09412);
901
- }
902
- .rct-crosshair-flag {
903
- stroke: none;
904
- fill: #555;
905
- }
906
- .rct-crosshair-flag-text {
907
- stroke: none;
908
- fill: #fff;
909
- }
910
-
911
- /** zoom tracker */
912
- .rct-zoom-tracker {
913
- fill: rgba(0,68,255,0.18824);
914
- }
915
-
916
- /** series navigator */
917
- .rct-navigator .rct-axis-line {
918
- display: none;
919
- }
920
- .rct-navigator-back {
921
- fill: #fff;
922
- stroke: #f0f0f0;
923
- shape-rendering: crispEdges;
924
- }
925
- .rct-navigator-mask {
926
- fill: rgba(68,136,204,0.12549);
927
- /* stroke: #ccc; */
928
- }
929
- .rct-navigator-handle {
930
- fill: #0098ff;
931
- stroke: #0098ff;
932
- }
933
- .rct-navigator-handle[data-select] {
934
- fill: #55c;
935
- stroke: #55c;
936
- }
937
- .rct-navigator-handle:hover {
938
- fill: #55c;
939
- stroke: #55c;
940
- }
941
- .rct-navigator-track {
942
- fill: #d3d3d3;
943
- stroke: #d3d3d3;
944
- }
945
- .rct-navigator-thumb {
946
- fill: #0098ff;
947
- stroke: #0098ff;
948
- }