realchart 1.0.9 → 1.1.0

package/dist/realchart-style.ie.css

@@ -0,0 +1,905 @@
+@charset "UTF-8";
+
+.rct-root {
+    font-family: AppleSDGothicNeo-Light, "HelveticaNeue", "Malgun Gothic", "맑은 고딕", sans-serif;
+    font-size: 16px;
+    color: #000;
+    /* background-color: #fff; */
+    /* word-break: break-all;
+    word-wrap: break-word; */
+    -webkit-touch-callout: default;
+    user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    touch-action: auto;
+    -ms-touch-action: auto; 
+    text-align: left; 
+    text-align: initial;
+}   
+
+.rct-root text {
+    stroke: none;
+}
+
+.rct-pattern {
+    stroke: #000;
+}
+
+/** palette */
+
+/** theme */
+:root, .rct-root {
+
+    /* polar */
+
+    /* linear gauge */
+    /** bullet gauge */
+    /* circle gauge */
+    /* clock gauge */
+    /** zoom tracker */
+    /** series navigator */
+}
+.rct-root[data-theme='dark'] {
+
+    /* polar */
+
+    /* linear gauge */
+    /* circle gauge */
+
+    /** zoom tracker */
+}
+.rct-root[data-theme='real'] {
+
+    /* polar */
+
+    /* circle gauge */
+
+    /** zoom tracker */
+}
+
+/** control */
+.rct-control {
+    background-color: none;
+}
+
+/** root */
+.rct-root {
+    padding: 20px;
+}
+
+/** debug border */
+.rct-debug {
+    fill: none;
+    stroke: rgba(255,0,0,0.25098);
+    pointer-events: none;
+}
+
+/** rich text */
+.rct-text-bold {
+    font-weight: bold;
+}
+.rct-text-italic {
+    font-style: italic;
+}
+
+/** label */
+.rct-label-dark {
+    fill: #000;
+}
+.rct-label-light {
+    fill: #fff;
+}
+.rct-label-background {
+    fill: #d3d3d3;
+}
+
+/** button */
+.rct-button-background {
+    padding: 2px 4px;
+    rx: 5px;
+    fill: #e0e0e0;
+    stroke: #c0c0c0;
+}
+.rct-button {
+    fill: #333;
+    font-size: 0.9em;
+}
+
+/** background */
+.rct-background {
+    fill: none;
+}
+
+/** credits */
+.rct-credits {
+    font-size: 0.7em;
+    fill: #777;
+}
+
+/** title */
+.rct-title {
+    margin-bottom: 10px;
+    font-size: 22px;
+    fill: #333;
+}
+.rct-title-background {
+    fill: none;
+}
+.rct-subtitle {
+    margin-bottom: 10px;
+    font-size: 15px;
+    fill: #333;
+}
+.rct-subtitle-background {
+    fill: none;
+}
+
+/** legend */
+.rct-legend {
+    fill: #333;
+    stroke: none;
+    padding: 3px 6px;
+    font-size: 14px;
+}
+.rct-legend-background {
+    fill: none;
+    rx: 7px;
+    stroke: none;
+}
+.rct-legend-item-label[data-hidden] {
+    fill: #aaa;
+    -webkit-text-decoration: line-through;
+    text-decoration: line-through;
+}
+/* .rct-legend-item-marker {
+    stroke: none;
+} */
+.rct-legend-item-marker[data-hidden] {
+    fill: #aaa !important;
+    stroke: #aaa !important;
+}
+.rct-legend-item-marker[data-hidden] path[data-fill] {
+    fill: #aaa !important;
+}
+
+/** plot area */
+.rct-body-background {
+    stroke: none;
+    fill: none;
+}
+.rct-body-background[data-polar] {
+    stroke: none;
+}
+
+/** axis */
+.rct-axis-title {
+    font-size: 15px;
+    fill: #333;
+}
+.rct-axis-title-background {
+    fill: none;
+}
+.rct-axis-line {
+    stroke: #aaa;
+    stroke-width: 1px;
+}
+.rct-axis-baseline {
+    stroke: #333;
+    stroke-width: 1px;
+}
+.rct-axis-tick {
+    stroke: #555;
+    stroke-width: 1px;
+}
+.rct-axis-labels {
+    font-size: 14px;
+    fill: #333;
+}
+/* .rct-axis-grid {
+    stroke: var(--rct-axis-grid-stroke);
+    stroke-width: 1px;
+} */
+.rct-axis-grid-line {
+    stroke: #ddd;
+    stroke-width: 1px;
+}
+.rct-axis-break {
+    stroke: #aaa;
+    fill: #fff;
+    fill-opacity: 0.9;
+}
+.rct-axis-guide-label {
+    fill: #555;
+}
+.rct-axis-guide-line {
+    stroke: #555;
+    stroke-width: 2px;
+}
+.rct-axis-guide-range {
+    stroke: none;
+    fill: #0088ff;
+    fill-opacity: 0.2;
+}
+.rct-axis-scrollbar-track {
+    fill: #fdfdfd;
+    stroke: #aaa;
+    rx: 4px;
+}
+.rct-axis-scrollbar-thumb {
+    fill: #d3d3d3;
+    rx: 4px;
+}
+
+/** polar axis */
+.rct-polar-xaxis-line {
+    stroke: #333;
+}
+.rct-polar-xaxis-sector-line {
+    stroke: #555;
+}
+.rct-polar-xaxis-grid-line {
+    stroke: #ccc
+}
+.rct-polar-yaxis-line {
+    stroke: #afafaf;
+}
+.rct-polar-yaxis-grid-line {
+    stroke: #ccc
+}
+.rct-polar-axis-labels {
+    fill: #555
+}
+
+/** series */
+.rct-series[data-index="0"] {
+    fill: #0098ff;
+    stroke: #0098ff;
+}
+.rct-series[data-index="1"] {
+    fill: #66d0ff;
+    stroke: #66d0ff;
+}
+.rct-series[data-index="2"] {
+    fill: #ff5c35;
+    stroke: #ff5c35;
+}
+.rct-series[data-index="3"] {
+    fill: #ff9f00;
+    stroke: #ff9f00;
+}
+.rct-series[data-index="4"] {
+    fill: #ffd938;
+    stroke: #ffd938;
+}
+.rct-series[data-index="5"] {
+    fill: #00ac69;
+    stroke: #00ac69;
+}
+.rct-series[data-index="6"] {
+    fill: #91cc39;
+    stroke: #91cc39;
+}
+.rct-series[data-index="7"] {
+    fill: #8fc6a9;
+    stroke: #8fc6a9;
+}
+.rct-series[data-index="8"] {
+    fill: #c45db9;
+    stroke: #c45db9;
+}
+.rct-series[data-index="9"] {
+    fill: #ef5e99;
+    stroke: #ef5e99;
+}
+.rct-series[data-index="10"] {
+    fill: #afa4c6;
+    stroke: #afa4c6;
+}
+.rct-series[data-index="11"] {
+    fill: #5b63aa;
+    stroke: #5b63aa;
+}
+
+.rct-series-trendline {
+    stroke: #ff0000;
+    stroke-width: 2px;
+    stroke-linejoin: round;
+    fill: none;
+}
+
+/** data point */
+.rct-series[data-pointcolors="a"] .rct-point[data-index="0"] {
+    fill: #0098ff;
+    stroke: #0098ff;
+}
+.rct-series[data-pointcolors="a"] .rct-point[data-index="1"] {
+    fill: #66d0ff;
+    stroke: #66d0ff;
+}
+.rct-series[data-pointcolors="a"] .rct-point[data-index="2"] {
+    fill: #ff5c35;
+    stroke: #ff5c35;
+}
+.rct-series[data-pointcolors="a"] .rct-point[data-index="3"] {
+    fill: #ff9f00;
+    stroke: #ff9f00;
+}
+.rct-series[data-pointcolors="a"] .rct-point[data-index="4"] {
+    fill: #ffd938;
+    stroke: #ffd938;
+}
+.rct-series[data-pointcolors="a"] .rct-point[data-index="5"] {
+    fill: #00ac69;
+    stroke: #00ac69;
+}
+.rct-series[data-pointcolors="a"] .rct-point[data-index="6"] {
+    fill: #91cc39;
+    stroke: #91cc39;
+}
+.rct-series[data-pointcolors="a"] .rct-point[data-index="7"] {
+    fill: #8fc6a9;
+    stroke: #8fc6a9;
+}
+.rct-series[data-pointcolors="a"] .rct-point[data-index="8"] {
+    fill: #c45db9;
+    stroke: #c45db9;
+}
+.rct-series[data-pointcolors="a"] .rct-point[data-index="9"] {
+    fill: #ef5e99;
+    stroke: #ef5e99;
+}
+.rct-series[data-pointcolors="a"] .rct-point[data-index="10"] {
+    fill: #afa4c6;
+    stroke: #afa4c6;
+}
+.rct-series[data-pointcolors="a"] .rct-point[data-index="11"] {
+    fill: #5b63aa;
+    stroke: #5b63aa;
+}
+
+.rct-series[data-pointcolors="f"] .rct-point[data-index="0"] {
+    fill: #0098ff;
+}
+.rct-series[data-pointcolors="f"] .rct-point[data-index="1"] {
+    fill: #66d0ff;
+}
+.rct-series[data-pointcolors="f"] .rct-point[data-index="2"] {
+    fill: #ff5c35;
+}
+.rct-series[data-pointcolors="f"] .rct-point[data-index="3"] {
+    fill: #ff9f00;
+}
+.rct-series[data-pointcolors="f"] .rct-point[data-index="4"] {
+    fill: #ffd938;
+}
+.rct-series[data-pointcolors="f"] .rct-point[data-index="5"] {
+    fill: #00ac69;
+}
+.rct-series[data-pointcolors="f"] .rct-point[data-index="6"] {
+    fill: #91cc39;
+}
+.rct-series[data-pointcolors="f"] .rct-point[data-index="7"] {
+    fill: #8fc6a9;
+}
+.rct-series[data-pointcolors="f"] .rct-point[data-index="8"] {
+    fill: #c45db9;
+}
+.rct-series[data-pointcolors="f"] .rct-point[data-index="9"] {
+    fill: #ef5e99;
+}
+.rct-series[data-pointcolors="f"] .rct-point[data-index="10"] {
+    fill: #afa4c6;
+}
+.rct-series[data-pointcolors="f"] .rct-point[data-index="11"] {
+    fill: #5b63aa;
+}
+
+/** series */
+.rct-series {
+    opacity: inherit;
+    transition-property: opacity;
+    transition-duration: 0.7s;
+}
+.rct-series[data-unhover] {
+    opacity: 0.2 !important;
+}
+.rct-series .rct-point[data-hover] {
+    stroke: #000 !important;
+    stroke-width: 2px !important;
+    filter: brightness(115%) !important;
+    opacity: 1 !important;
+}
+.rct-point[data-unhover] {
+    stroke: #000 !important;
+    stroke-width: 2px !important;
+    filter: brightness(115%) !important;
+    opacity: 1 !important;
+}
+.rct-point-labels {
+    opacity: inherit;
+    transition-property: opacity;
+    transition-duration: 0.7s;
+}
+.rct-point-labels[data-unhover] {
+    opacity: 0.3 !important;
+}
+
+/** rct-point 대신 여기에 지정해야 outline에 반영된다. */
+.rct-point-labels {
+    font-size: 0.8em;
+    font-weight: bold;
+    stroke: none;
+    fill: #333;
+}
+.rct-point-label {
+    fill-opacity: 1;
+    opacity: 1;
+}
+.rct-point-label-lines {
+    stroke-width: 1px;
+    stroke: #585;
+    fill: none;
+}
+
+/** bar series */
+.rct-bar-series {
+    fill-opacity: 1;
+}
+
+/** circlebar series */
+.rct-circlebar-series .rct-point {
+    stroke: #fff;
+}
+
+/** barrange series */
+.rct-barrange-series {
+    fill-opacity: 0.85;
+}
+
+/** line series */
+.rct-line-series-line {
+    stroke-width: 1px;
+}
+.rct-line-series .rct-point {
+    stroke-dasharray: none;
+}
+.rct-line-series-flag {
+    font-weight: bold;
+    font-size: 0.9em;
+}
+
+/** area series */
+.rct-area-series-area {
+    fill-opacity: 0.5;
+}
+.rct-area-series-area[data-polar] {
+    fill-opacity: 0.25;
+}
+.rct-area-series-area[data-simple] {
+    fill-opacity: 0.05;
+}
+.rct-area-series .rct-area-series-area {
+    stroke: none;
+}
+
+/** arearange series */
+.rct-arearange-series-area {
+    fill-opacity: 0.5;
+}
+.rct-arearange-series .rct-arearange-series-area {
+    stroke: none;
+}
+
+/** bubble series */
+.rct-bubble-series {
+    fill-opacity: 0.75;
+    stroke-width: 1px;
+}
+
+/** scatter series */
+.rct-scatter-series {
+    fill-opacity: 0.7;
+}
+.rct-scatter-series .rct-point[data-hover] {
+    fill-opacity: 0.9;
+}
+
+/** boxplot series */
+.rct-boxplot-series {
+    stroke-width: 1;
+}
+.rct-boxplot-point-min {
+    stroke: #333;
+    stroke-width: 2;
+}
+.rct-boxplot-point-mid {
+    stroke: #333;
+    stroke-width: 2;
+}
+.rct-boxplot-point-max {
+    stroke: #333;
+    stroke-width: 2;
+}
+.rct-boxplot-point-stem {
+    stroke: #333;
+    stroke-dasharray: 2;
+}
+.rct-boxplot-series .rct-point[data-hover] .rct-boxplot-point-stem {
+    stroke: #000;
+    stroke-dasharray: none;
+    stroke-width: 2px;
+}
+
+/** candlestick series */
+.rct-candlestick-series {
+    stroke-width: 1;
+    fill-opacity: 0.85;
+}
+.rct-candlestick-series .rct-point[data-hover] {
+    fill-opacity: 0.5;
+}
+.rct-candlestick-series .rct-point[data-decline] {
+    fill: #008;
+    stroke: #008;
+}
+.rct-candlestick-point-border {
+    stroke: #333;
+}
+.rct-candlestick-point-wick {
+    stroke: #003;
+}
+
+/** ohlc series */
+.rct-ohlc-series {
+    stroke-width: 2;
+}
+.rct-ohlc-series .rct-point[data-decline] {
+    stroke: #00f;
+}
+.rct-ohlc-series .rct-point[data-hover] .rct-ohlc-point-back {
+    fill: rgba(0,136,255,0.12549) !important;
+}
+.rct-ohlc-point-back {
+    stroke: none;
+}
+
+/** waterfall series */
+.rct-waterfall-series {
+    fill-opacity: 0.85;
+}
+.rct-waterfall-point-negative {
+    fill: #dd5500;
+    stroke: #dd5500;
+}
+.rct-waterfall-point-sum {
+    fill: #0055cc;
+    stroke: #0055cc;
+}
+.rct-waterfall-series-lines {
+    stroke: #77f;
+    stroke-width: 2;
+    stroke-dasharray: 2;
+}
+
+/** errobar series */
+.rct-errorbar-series .rct-point {
+    stroke: #008;
+    stroke-width: 2px;
+}
+.rct-errorbar-series .rct-point[data-hover] .rct-errorbar-point-back {
+    fill: rgba(0,136,255,0.12549) !important;
+}
+
+/** lollipop series */
+.rct-lollipop-series {
+    stroke-width: 3px;
+}
+.rct-lollipop-point-marker {
+    stroke: none;
+}
+.rct-lollipop-series .rct-point[data-hover] {
+    stroke: #000;
+    stroke-width: inherit;
+}
+.rct-lollipop-series .rct-point[data-hover] .rct-lollipop-point-marker {
+    stroke: #000;
+    stroke-width: 2px;
+}
+
+/** dumbbell series */
+.rct-dumbbell-series {
+    stroke-width: 3px;
+}
+.rct-dumbbell-point-marker {
+    stroke: none;
+}
+.rct-dumbbell-series .rct-point[data-hover] {
+    stroke: #000;
+    stroke-width: inherit;
+}
+.rct-dumbbell-series .rct-point[data-hover] .rct-dumbbell-point-marker {
+    stroke: #000;
+    stroke-width: 2px;
+}
+
+/** equalizer series */
+.rct-equalizer-series {
+    fill-opacity: 0.9;
+}
+.rct-equalizer-series .rct-point[data-hover] {
+    filter: brightness(120%);
+}
+
+/** histogram */
+.rct-histogram-series .rct-point {
+    stroke: #fff;
+}
+
+/** vector series */
+.rct-vector-series {
+    stroke-width: 2px;
+}
+.rct-vector-series .rct-point[data-hover] {
+    stroke-width: 5px;
+}
+
+/** heatmpa series */
+.rct-heatmap-series .rct-point {
+    stroke: none;
+}
+
+/** treemap series */
+.rct-treemap-series .rct-point {
+    stroke: #fff;
+}
+
+/** pie series */
+.rct-pie-series .rct-point {
+    stroke: #fff;
+}
+.rct-pie-series-inner {
+    font-size: 20px;
+    fill: #557;
+}
+
+/** funnel series */
+.rct-funnel-series .rct-point {
+    stroke: #fff;
+}
+.rct-funnel-series .rct-point[data-hover] {
+    stroke: #000;
+    stroke-width: 2px;
+}
+
+/** gauge */
+.rct-gauge-pane {
+    fill: none;
+}
+
+/** gauge group */
+.rct-gauge-group {
+    padding: 10px;
+}
+
+/** circle gauge */
+.rct-circle-gauge-rim {
+    fill: #ededed;
+}
+.rct-circle-gauge-inner {
+    fill: none;
+}
+.rct-circle-gauge-value {
+    fill: #0098ff;
+}
+.rct-circle-gauge-value[data-stroked] {
+    fill: none;
+}
+.rct-circle-gauge-label {
+    font-size: 40px;
+    fill: #000;
+    stroke: none;
+}
+.rct-circle-gauge-label[data-grouped] {
+    font-size: 20px;
+}
+.rct-circle-gauge-pin {
+    fill: #fff;
+    stroke: #333;
+    stroke-width: 3px;
+}
+.rct-circle-gauge-hand {
+    fill: #333;
+    stroke: none;
+}
+
+/** clock gauge */
+.rct-clock-gauge-face {
+    fill: #fff;
+    stroke: none;
+}
+.rct-clock-gauge-rim {
+    fill: #eee;
+    stroke: #808080;
+}
+.rct-clock-gauge-tick {
+    stroke: #333;
+    stroke-width: 2px;
+}
+.rct-clock-gauge-minor-tick {
+    stroke: #555;
+    stroke-width: 1px;
+}
+.rct-clock-gauge-tick-label {
+    stroke: none;
+    fill: #333;
+    font-size: 1em;
+}
+.rct-clock-gauge-pin {
+    fill: #fff;
+    stroke: #333;
+    stroke-width: 3px;
+}
+.rct-clock-gauge-hour {
+    fill: #333;
+}
+.rct-clock-gauge-minute {
+    fill: #333;
+}
+.rct-clock-gauge-second {
+    fill: #c00;
+}
+.rct-clock-gauge-label {
+    fill: #aaa;
+}
+
+/** gauge scale */
+.rct-gauge-scale-line {
+    stroke: #555;
+    fill: none;
+}
+.rct-gauge-scale-ticks {
+    stroke: #555;
+    stroke: #555;
+}
+.rct-gauge-scale-tick-labels {
+    font-size: 0.85em;
+    fill: #333;
+}
+
+/** linear gauge */
+.rct-linear-gauge-background {
+    fill: #eee;
+}
+.rct-linear-gauge-value {
+    fill: #008000;
+}
+.rct-linear-gauge-band-tick-labels {
+    font-size: 0.85em;
+    fill: #333;
+}
+
+/** linear gauge group */
+.rct-linear-gauge-group-label {
+    fill: #333;
+    font-size: 1.5em;
+}
+
+/** bullet gauge */
+.rct-bullet-gauge-background {
+    fill: #eee;
+}
+.rct-bullet-gauge-value {
+    fill: #333;
+}
+.rct-bullet-gauge-target {
+    fill: #333;
+}
+.rct-bullet-gauge-label {
+    font-size: 1em;
+    fill: #333;
+}
+.rct-bullet-gauge-scale-line {
+    stroke: #333;
+}
+.rct-bullet-gauge-scale-ticks {
+    stroke: #333;
+}
+.rct-bullet-gauge-scale-tick-labels {
+    font-size: 0.9em;
+    fill: #333;
+}
+
+/** bullet gauge group */
+.rct-bullet-gauge-group {
+    padding: 10px;
+}
+.rct-bullet-gauge-group-label {
+    font-size: 1.5em;
+}
+
+/** tooltip */
+.rct-tooltip {
+    font-size: 0.8em;
+    pointer-events: none;
+    opacity: 0.9;
+}
+.rct-tooltip-back {
+    fill: #fff;
+}
+.rct-tooltip-tail {
+    fill: #fff;
+}
+.rct-tooltip-text {
+    fill: #333;
+    stroke: none;
+}
+
+/** annotation */
+.rct-annotation-background {
+    fill: none;
+    stroke: none;
+}
+.rct-text-annotation {
+    font-size: 20px;
+    stroke: #333;
+    stroke-width: 3px;
+}
+
+/** crosshair */
+.rct-crosshair-line {
+    fill: none;
+    stroke-width: 1;
+    stroke: rgba(128,128,128,0.50196);
+}
+.rct-crosshair-bar {
+    stroke: none;
+    fill: rgba(68,136,204,0.09412);
+}
+.rct-crosshair-flag {
+    stroke: none;
+    fill: #555;    
+}
+.rct-crosshair-flag-text {
+    stroke: none;
+    fill: #fff;    
+}
+
+/** zoom tracker */
+.rct-zoom-tracker {
+    fill: rgba(0,68,255,0.18824);
+}
+
+/** series navigator */
+.rct-navigator .rct-axis-line {
+    display: none;
+}
+.rct-navigator-back {
+    fill: #fff;
+    stroke: #f0f0f0;
+}
+.rct-navigator-mask {
+    fill: rgba(68,136,204,0.12549);
+    /* stroke: #ccc; */
+}
+.rct-navigator-handle {
+    fill: #0098ff;
+    stroke: #0098ff;
+}
+.rct-navigator-handle[data-select] {
+    fill: #55c;
+    stroke: #55c;
+}
+.rct-navigator-handle:hover {
+    fill: #55c;
+    stroke: #55c;
+}
+
+.rct-navigator-track {
+    fill: #d3d3d3;
+    stroke: #d3d3d3;
+}
+.rct-navigator-thumb {
+    fill: #0098ff;
+    stroke: #0098ff;
+}