realchart 0.9.42 → 1.0.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.
- package/README.md +44 -23
- package/dist/index.d.ts +138 -114
- package/dist/index.esm.js +2 -2
- package/dist/index.js +2 -2
- package/dist/realchart-style.css +23 -27
- package/package.json +1 -1
package/dist/realchart-style.css
CHANGED
|
@@ -219,7 +219,7 @@
|
|
|
219
219
|
--rct-navigator-thumb-fill:#0098ff;
|
|
220
220
|
}
|
|
221
221
|
.rct-root[data-theme='dark'] {
|
|
222
|
-
--rct-focus-stroke:
|
|
222
|
+
--rct-focus-stroke: #ccc;
|
|
223
223
|
--rct-text-fill: #fff;
|
|
224
224
|
|
|
225
225
|
--rct-title-fill: #fff;
|
|
@@ -643,21 +643,22 @@
|
|
|
643
643
|
transition-property: opacity;
|
|
644
644
|
transition-duration: 0.7s;
|
|
645
645
|
}
|
|
646
|
-
.rct-series[data-
|
|
647
|
-
opacity: 0.2;
|
|
646
|
+
.rct-series[data-unhover] {
|
|
647
|
+
opacity: 0.2 !important;
|
|
648
648
|
}
|
|
649
|
-
.rct-series .rct-point[data-
|
|
649
|
+
.rct-series .rct-point[data-hover], .rct-point[data-unhover] {
|
|
650
650
|
stroke: var(--rct-focus-stroke) !important;
|
|
651
|
-
stroke-width: var(--rct-focus-stroke-width);
|
|
652
|
-
filter: brightness(115%);
|
|
651
|
+
stroke-width: var(--rct-focus-stroke-width) !important;
|
|
652
|
+
filter: brightness(115%) !important;
|
|
653
|
+
opacity: 1 !important;
|
|
653
654
|
}
|
|
654
655
|
.rct-point-labels {
|
|
655
656
|
opacity: inherit;
|
|
656
657
|
transition-property: opacity;
|
|
657
658
|
transition-duration: 0.7s;
|
|
658
659
|
}
|
|
659
|
-
.rct-point-labels[data-
|
|
660
|
-
opacity: 0.3;
|
|
660
|
+
.rct-point-labels[data-unhover] {
|
|
661
|
+
opacity: 0.3 !important;
|
|
661
662
|
}
|
|
662
663
|
|
|
663
664
|
/** rct-point 대신 여기에 지정해야 outline에 반영된다. */
|
|
@@ -698,14 +699,6 @@
|
|
|
698
699
|
.rct-line-series .rct-point {
|
|
699
700
|
stroke-dasharray: none;
|
|
700
701
|
}
|
|
701
|
-
.rct-line-series .rct-point[data-focus] {
|
|
702
|
-
stroke: #0088ff20 !important;
|
|
703
|
-
stroke-width: 9px !important;
|
|
704
|
-
opacity: inherit !important;
|
|
705
|
-
/** TODO: 아래가 적용되지 않고 있다 */
|
|
706
|
-
transition-property: opacity;
|
|
707
|
-
transition-duration: 0.7s;
|
|
708
|
-
}
|
|
709
702
|
.rct-line-series-flag {
|
|
710
703
|
font-weight: bold;
|
|
711
704
|
font-size: 0.9em;
|
|
@@ -743,6 +736,9 @@
|
|
|
743
736
|
.rct-scatter-series {
|
|
744
737
|
fill-opacity: 0.7;
|
|
745
738
|
}
|
|
739
|
+
.rct-scatter-series .rct-point[data-hover] {
|
|
740
|
+
fill-opacity: 0.9;
|
|
741
|
+
}
|
|
746
742
|
|
|
747
743
|
/** boxplot series */
|
|
748
744
|
.rct-boxplot-series {
|
|
@@ -764,7 +760,7 @@
|
|
|
764
760
|
stroke: #333;
|
|
765
761
|
stroke-dasharray: 2;
|
|
766
762
|
}
|
|
767
|
-
.rct-boxplot-series .rct-point[data-
|
|
763
|
+
.rct-boxplot-series .rct-point[data-hover] .rct-boxplot-point-stem {
|
|
768
764
|
stroke: black;
|
|
769
765
|
stroke-dasharray: none;
|
|
770
766
|
stroke-width: 2px;
|
|
@@ -775,7 +771,7 @@
|
|
|
775
771
|
stroke-width: 1;
|
|
776
772
|
fill-opacity: 0.85;
|
|
777
773
|
}
|
|
778
|
-
.rct-candlestick-series .rct-point[data-
|
|
774
|
+
.rct-candlestick-series .rct-point[data-hover] {
|
|
779
775
|
fill-opacity: 0.5;
|
|
780
776
|
}
|
|
781
777
|
.rct-candlestick-series .rct-point[data-decline] {
|
|
@@ -796,7 +792,7 @@
|
|
|
796
792
|
.rct-ohlc-series .rct-point[data-decline] {
|
|
797
793
|
stroke: #00f;
|
|
798
794
|
}
|
|
799
|
-
.rct-ohlc-series .rct-point[data-
|
|
795
|
+
.rct-ohlc-series .rct-point[data-hover] .rct-ohlc-point-back {
|
|
800
796
|
fill: #0088ff20 !important;
|
|
801
797
|
}
|
|
802
798
|
.rct-ohlc-point-back {
|
|
@@ -826,7 +822,7 @@
|
|
|
826
822
|
stroke: #008;
|
|
827
823
|
stroke-width: 2px;
|
|
828
824
|
}
|
|
829
|
-
.rct-errorbar-series .rct-point[data-
|
|
825
|
+
.rct-errorbar-series .rct-point[data-hover] .rct-errorbar-point-back {
|
|
830
826
|
fill: #0088ff20 !important;
|
|
831
827
|
}
|
|
832
828
|
|
|
@@ -837,11 +833,11 @@
|
|
|
837
833
|
.rct-lollipop-point-marker {
|
|
838
834
|
stroke: none;
|
|
839
835
|
}
|
|
840
|
-
.rct-lollipop-series .rct-point[data-
|
|
836
|
+
.rct-lollipop-series .rct-point[data-hover] {
|
|
841
837
|
stroke: var(--rct-focus-stroke);
|
|
842
838
|
stroke-width: inherit;
|
|
843
839
|
}
|
|
844
|
-
.rct-lollipop-series .rct-point[data-
|
|
840
|
+
.rct-lollipop-series .rct-point[data-hover] .rct-lollipop-point-marker {
|
|
845
841
|
stroke: var(--rct-focus-stroke);
|
|
846
842
|
stroke-width: var(--rct-focus-stroke-width);
|
|
847
843
|
}
|
|
@@ -853,11 +849,11 @@
|
|
|
853
849
|
.rct-dumbbell-point-marker {
|
|
854
850
|
stroke: none;
|
|
855
851
|
}
|
|
856
|
-
.rct-dumbbell-series .rct-point[data-
|
|
852
|
+
.rct-dumbbell-series .rct-point[data-hover] {
|
|
857
853
|
stroke: var(--rct-focus-stroke);
|
|
858
854
|
stroke-width: inherit;
|
|
859
855
|
}
|
|
860
|
-
.rct-dumbbell-series .rct-point[data-
|
|
856
|
+
.rct-dumbbell-series .rct-point[data-hover] .rct-dumbbell-point-marker {
|
|
861
857
|
stroke: var(--rct-focus-stroke);
|
|
862
858
|
stroke-width: var(--rct-focus-stroke-width);
|
|
863
859
|
}
|
|
@@ -866,7 +862,7 @@
|
|
|
866
862
|
.rct-equalizer-series {
|
|
867
863
|
fill-opacity: 0.9;
|
|
868
864
|
}
|
|
869
|
-
.rct-equalizer-series .rct-point[data-
|
|
865
|
+
.rct-equalizer-series .rct-point[data-hover] {
|
|
870
866
|
filter: brightness(120%);
|
|
871
867
|
}
|
|
872
868
|
|
|
@@ -879,7 +875,7 @@
|
|
|
879
875
|
.rct-vector-series {
|
|
880
876
|
stroke-width: 2px;
|
|
881
877
|
}
|
|
882
|
-
.rct-vector-series .rct-point[data-
|
|
878
|
+
.rct-vector-series .rct-point[data-hover] {
|
|
883
879
|
stroke-width: 5px;
|
|
884
880
|
}
|
|
885
881
|
|
|
@@ -906,7 +902,7 @@
|
|
|
906
902
|
.rct-funnel-series .rct-point {
|
|
907
903
|
stroke: white;
|
|
908
904
|
}
|
|
909
|
-
.rct-funnel-series .rct-point[data-
|
|
905
|
+
.rct-funnel-series .rct-point[data-hover] {
|
|
910
906
|
stroke: black;
|
|
911
907
|
stroke-width: 2px;
|
|
912
908
|
}
|