realchart 0.9.4 → 0.9.6

package/dist/realchart-style.css

@@ -104,6 +104,8 @@
 .rct-root {
     --rct-font-family: AppleSDGothicNeo-Light, 'HelveticaNeue', 'Malgun Gothic', '맑은 고딕', sans-serif;
     --rct-font-size: 16px;
+
+    --rct-focus-border: red;
     --rct-text-fill: #333;
 
     --rct-title-fill: #333;
@@ -112,7 +114,7 @@
     --rct-plot-background-stroke: #ddd;
 
     --rct-axis-title-fill: #333;
-    --rct-axis-line-stroke: #ddd;
+    --rct-axis-line-stroke: #aaa;
     --rct-axis-tick-stroke: #555;
     --rct-axis-label-fill: #555;
     --rct-axis-grid-line-stroke: #ddd;
@@ -120,7 +122,7 @@
     --rct-axis-grid-line-stroke-end: none;
     --rct-axis-grid-line-stroke-width: 1px;
     
-    --rct-legend-background-stroke: lightgray;
+    --rct-legend-background-stroke: none;
     --rct-legend-item-fill: #333;
     --rct-legend-item-disabled: #aaa;
     --rct-legend-item-disabled-decoration: line-through;
@@ -131,6 +133,19 @@
     --rct-point-label-fill: #333;
 
     --rct-credits-fill: #777;
+
+    /* circle gauge */
+    --rct-circle-gauge-back-fill: #e4e4e4;
+    --rct-circle-gauge-inner-fill: none;
+    --rct-circle-gauge-label-fill: #333;
+    /* clock gauge */
+    --rct-clock-gauge-face-fill: white;
+    --rct-clock-gauge-rim-fill: #eee;
+    --rct-clock-gauge-rim-stroke: gray;
+    --rct-clock-gauge-tick-stroke: #333;
+    --rct-clock-gauge-minor-tick-stroke: #555;
+    --rct-clock-gauge-tick-label-fill: #333;
+    --rct-clock-gauge-label-fill: #aaa;
 }
 .rct-root[data-theme='dark'] {
     --rct-focus-border: yellow;
@@ -154,6 +169,10 @@
     --rct-point-label-fill: #ddd;
 
     --rct-credits-fill: #999;
+
+    /* circle gauge */
+    --rct-circle-gauge-back-fill: #333;
+    --rct-circle-gauge-label-fill: #eee;
 }
 
 /** control */
@@ -233,9 +252,9 @@
     fill: var(--rct-legend-item-disabled);
     text-decoration: var(--rct-legend-item-disabled-decoration)
 }
-.rct-legend-item-marker {
+/* .rct-legend-item-marker {
     stroke: none;
-}
+} */
 .rct-legend-item-marker[data-hidden] {
     fill: #aaa !important;
 }
@@ -278,8 +297,9 @@
     stroke-width: var(--rct-axis-grid-line-stroke-width);
 }
 .rct-axis-break {
-    stroke: none;
+    stroke: #777;
     fill: white;
+    fill-opacity: 0.9;
 }
 .rct-axis-guide-label {
     fill: blue;
@@ -452,7 +472,10 @@
 .rct-line-series-line {
     stroke-width: 1px;
 }
-.rct-line-point-marker[data-focus] {
+.rct-line-series .rct-point {
+    stroke-dasharray: none;
+}
+.rct-line-series .rct-point[data-focus] {
     /* scale: 2; */
     stroke: var(--rct-focus-border) !important;
     stroke-width: 2px;
@@ -470,6 +493,9 @@
 .rct-arearange-series-area {
     fill-opacity: 0.5;
 }
+.rct-arearange-series .rct-arearange-series-area {
+    stroke: none;
+}
 
 /** bubble series */
 .rct-bubble-series {
@@ -654,8 +680,135 @@
     stroke-width: 2px;
 }
 
+/** gauge */
+.rct-gauge-background {
+    fill: none;
+}
+
+/** circle gauge */
+.rct-circle-gauge-back {
+    fill: var(--rct-circle-gauge-back-fill);
+}
+.rct-circle-gauge-inner {
+    fill: var(--rct-circle-gauge-inner-fill);
+}
+.rct-circle-gauge-value {
+    fill: #008844;
+}
+.rct-circle-gauge-value[data-stroked] {
+    fill: none;
+}
+.rct-circle-gauge-label {
+    font-size: 40px;
+    fill: var(--rct-circle-gauge-label-fill);
+    stroke: none;
+}
+.rct-circle-gauge-label[data-grouped] {
+    font-size: 20px;
+}
+.rct-circle-gauge-pin {
+    fill: white;
+    stroke: #333;
+    stroke-width: 3px;
+}
+.rct-circle-gauge-hand {
+    fill: #333;
+    stroke: none;
+}
+
+/** clock gauge */
+.rct-clock-gauge-face {
+    fill: var(--rct-clock-gauge-face-fill);
+    stroke: none;
+}
+.rct-clock-gauge-rim {
+    fill: var(--rct-clock-gauge-rim-fill);
+    stroke: var(--rct-clock-gauge-rim-stroke);
+}
+.rct-clock-gauge-tick {
+    stroke: var(--rct-clock-gauge-tick-stroke);
+    stroke-width: 2px;
+}
+.rct-clock-gauge-minor-tick {
+    stroke: var(--rct-clock-gauge-minor-tick-stroke);
+    stroke-width: 1px;
+}
+.rct-clock-gauge-tick-label {
+    stroke: none;
+    fill: var(--rct-clock-gauge-tick-label-fill);
+    font-size: 1em;
+}
+.rct-clock-gauge-pin {
+    fill: white;
+    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: var(--rct-clock-gauge-label-fill);
+}
+
+/** gauge scale */
+.rct-gauge-scale-line {
+    stroke: #555;
+    fill: none;
+}
+.rct-gauge-scale-ticks {
+    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: green;
+}
+.rct-linear-gauge-band-tick-labels {
+    font-size: 0.85em;
+    fill: #333;
+}
+
+/** bullet gauge */
+.rct-bullet-gauge-background {
+    fill: #eee;
+}
+.rct-bullet-gauge-value {
+    fill: #333;
+}
+.rct-bullet-gauge-target {
+    fill: #338;
+}
+.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;
+}
+
 /** tooltip */
 .rct-tooltip {
+    pointer-events: none;
     opacity: 0.9;
 }
 .rct-tooltip-back {
@@ -675,13 +828,13 @@
 }
 .rct-crosshair-bar {
     stroke: none;
-    fill: #88888840;
+    fill: #4488cc18;
 }
-.rct-crosshair-label {
+.rct-crosshair-flag {
     stroke: none;
-    fill: #fff;    
+    fill: #555;    
 }
-.rct-crosshair-label-back {
-    stroke: #555;
-    fill: #777;    
+.rct-crosshair-flag-text {
+    stroke: none;
+    fill: #fff;    
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "realchart",
-  "version": "0.9.4",
+  "version": "0.9.6",
   "description": "Wooritech charting library",
   "main": "./dist/index",
   "author": {