realchart 1.1.5 → 1.1.7

package/dist/realchart-style.css

@@ -409,7 +409,7 @@
     fill: #aaa !important;
 }
 
-/** plot area */
+/** body */
 .rct-body-background {
     stroke: var(--rct-body-background-stroke);
     fill: none;
@@ -418,6 +418,14 @@
 .rct-body-background[data-polar] {
     stroke: none;
 }
+.rct-empty-view {
+    fill: #fcfcff;
+    stroke: #eee;
+}
+.rct-empty-view-label {
+    fill: #777;
+    font-size: 1.4em;
+}
 
 /** axis */
 .rct-axis-title {
@@ -446,10 +454,9 @@
     font-size: 14px;
     fill: var(--rct-axis-label-fill);
 }
-/* .rct-axis-grid {
-    stroke: var(--rct-axis-grid-stroke);
-    stroke-width: 1px;
-} */
+.rct-axis-grid {
+    fill: none;
+}
 .rct-axis-grid-line {
     stroke: var(--rct-axis-grid-line-stroke);
     stroke-width: var(--rct-axis-grid-line-stroke-width);
@@ -491,6 +498,9 @@
 .rct-polar-xaxis-sector-line {
     stroke: #555;
 }
+.rct-polar-axis-grids {
+    fill: none;
+}
 .rct-polar-xaxis-grid-line {
     stroke: var(--rct-polar-xaxis-grid-line-stroke)
 }
@@ -657,12 +667,24 @@
 .rct-series[data-unhover] {
     opacity: 0.2 !important;
 }
-.rct-series .rct-point[data-hover], .rct-point[data-unhover] {
+.rct-point[data-unhover] {
+    opacity: 0.2 !important;
+}
+.rct-series .rct-point[data-focus], .rct-point[data-unfocus] {
     stroke: var(--rct-focus-stroke) !important;
     stroke-width: var(--rct-focus-stroke-width) !important;
     filter: brightness(115%) !important;
     opacity: 1 !important;
 }
+/** data point hover */
+.rct-point-unhover {
+    opacity: 0.3;
+    transition: opacity 0.7s;
+}
+.rct-point-hover {
+    opacity: inherit;
+    transition: opacity 0.7s;
+}
 .rct-point-labels {
     opacity: inherit;
     transition-property: opacity;
@@ -748,7 +770,7 @@
 .rct-scatter-series {
     fill-opacity: 0.7;
 }
-.rct-scatter-series .rct-point[data-hover] {
+.rct-scatter-series .rct-point[data-focus] {
     fill-opacity: 0.9;
 }
 
@@ -772,7 +794,7 @@
     stroke: #333;
     stroke-dasharray: 2;
 }
-.rct-boxplot-series .rct-point[data-hover] .rct-boxplot-point-stem {
+.rct-boxplot-series .rct-point[data-focus] .rct-boxplot-point-stem {
     stroke: #000;
     stroke-dasharray: none;
     stroke-width: 2px;
@@ -783,7 +805,7 @@
     stroke-width: 1;
     fill-opacity: 0.85;
 }
-.rct-candlestick-series .rct-point[data-hover] {
+.rct-candlestick-series .rct-point[data-focus] {
     fill-opacity: 0.5;
 }
 .rct-candlestick-series .rct-point[data-decline] {
@@ -804,7 +826,7 @@
 .rct-ohlc-series .rct-point[data-decline] {
     stroke: #00f;
 }
-.rct-ohlc-series .rct-point[data-hover] .rct-ohlc-point-back {
+.rct-ohlc-series .rct-point[data-focus] .rct-ohlc-point-back {
     fill: #0088ff20 !important;
 }
 .rct-ohlc-point-back {
@@ -834,7 +856,7 @@
     stroke: #008;
     stroke-width: 2px;
 }
-.rct-errorbar-series .rct-point[data-hover] .rct-errorbar-point-back {
+.rct-errorbar-series .rct-point[data-focus] .rct-errorbar-point-back {
     fill: #0088ff20 !important;
 }
 
@@ -842,14 +864,17 @@
 .rct-lollipop-series {
     stroke-width: 3px;
 }
+.rct-lollipop-point-bar {
+    shape-rendering: crispEdges;
+}
 .rct-lollipop-point-marker {
     stroke: none;
 }
-.rct-lollipop-series .rct-point[data-hover] {
+.rct-lollipop-series .rct-point[data-focus] {
     stroke: var(--rct-focus-stroke);
     stroke-width: inherit;
 }
-.rct-lollipop-series .rct-point[data-hover] .rct-lollipop-point-marker {
+.rct-lollipop-series .rct-point[data-focus] .rct-lollipop-point-marker {
     stroke: var(--rct-focus-stroke);
     stroke-width: var(--rct-focus-stroke-width);
 }
@@ -858,14 +883,17 @@
 .rct-dumbbell-series {
     stroke-width: 3px;
 }
+.rct-dumbbell-point-bar {
+    shape-rendering: crispEdges;
+}
 .rct-dumbbell-point-marker {
     stroke: none;
 }
-.rct-dumbbell-series .rct-point[data-hover] {
+.rct-dumbbell-series .rct-point[data-focus] {
     stroke: var(--rct-focus-stroke);
     stroke-width: inherit;
 }
-.rct-dumbbell-series .rct-point[data-hover] .rct-dumbbell-point-marker {
+.rct-dumbbell-series .rct-point[data-focus] .rct-dumbbell-point-marker {
     stroke: var(--rct-focus-stroke);
     stroke-width: var(--rct-focus-stroke-width);
 }
@@ -874,7 +902,7 @@
 .rct-equalizer-series {
     fill-opacity: 0.9;
 }
-.rct-equalizer-series .rct-point[data-hover] {
+.rct-equalizer-series .rct-point[data-focus] {
     filter: brightness(120%);
 }
 
@@ -887,7 +915,7 @@
 .rct-vector-series {
     stroke-width: 2px;
 }
-.rct-vector-series .rct-point[data-hover] {
+.rct-vector-series .rct-point[data-focus] {
     stroke-width: 5px;
 }
 
@@ -914,7 +942,7 @@
 .rct-funnel-series .rct-point {
     stroke: #fff;
 }
-.rct-funnel-series .rct-point[data-hover] {
+.rct-funnel-series .rct-point[data-focus] {
     stroke: #000;
     stroke-width: 2px;
 }

package/dist/realchart-style.ie.css

@@ -163,7 +163,7 @@
     fill: #aaa !important;
 }
 
-/** plot area */
+/** body */
 .rct-body-background {
     stroke: none;
     fill: none;
@@ -172,6 +172,14 @@
 .rct-body-background[data-polar] {
     stroke: none;
 }
+.rct-empty-view {
+    fill: #fcfcff;
+    stroke: #eee;
+}
+.rct-empty-view-label {
+    fill: #777;
+    font-size: 1.4em;
+}
 
 /** axis */
 .rct-axis-title {
@@ -200,10 +208,9 @@
     font-size: 14px;
     fill: #333;
 }
-/* .rct-axis-grid {
-    stroke: var(--rct-axis-grid-stroke);
-    stroke-width: 1px;
-} */
+.rct-axis-grid {
+    fill: none;
+}
 .rct-axis-grid-line {
     stroke: #ddd;
     stroke-width: 1px;
@@ -245,6 +252,9 @@
 .rct-polar-xaxis-sector-line {
     stroke: #555;
 }
+.rct-polar-axis-grids {
+    fill: none;
+}
 .rct-polar-xaxis-grid-line {
     stroke: #ccc
 }
@@ -411,18 +421,30 @@
 .rct-series[data-unhover] {
     opacity: 0.2 !important;
 }
-.rct-series .rct-point[data-hover] {
+.rct-point[data-unhover] {
+    opacity: 0.2 !important;
+}
+.rct-series .rct-point[data-focus] {
     stroke: #000 !important;
     stroke-width: 2px !important;
     filter: brightness(115%) !important;
     opacity: 1 !important;
 }
-.rct-point[data-unhover] {
+.rct-point[data-unfocus] {
     stroke: #000 !important;
     stroke-width: 2px !important;
     filter: brightness(115%) !important;
     opacity: 1 !important;
 }
+/** data point hover */
+.rct-point-unhover {
+    opacity: 0.3;
+    transition: opacity 0.7s;
+}
+.rct-point-hover {
+    opacity: inherit;
+    transition: opacity 0.7s;
+}
 .rct-point-labels {
     opacity: inherit;
     transition-property: opacity;
@@ -508,7 +530,7 @@
 .rct-scatter-series {
     fill-opacity: 0.7;
 }
-.rct-scatter-series .rct-point[data-hover] {
+.rct-scatter-series .rct-point[data-focus] {
     fill-opacity: 0.9;
 }
 
@@ -532,7 +554,7 @@
     stroke: #333;
     stroke-dasharray: 2;
 }
-.rct-boxplot-series .rct-point[data-hover] .rct-boxplot-point-stem {
+.rct-boxplot-series .rct-point[data-focus] .rct-boxplot-point-stem {
     stroke: #000;
     stroke-dasharray: none;
     stroke-width: 2px;
@@ -543,7 +565,7 @@
     stroke-width: 1;
     fill-opacity: 0.85;
 }
-.rct-candlestick-series .rct-point[data-hover] {
+.rct-candlestick-series .rct-point[data-focus] {
     fill-opacity: 0.5;
 }
 .rct-candlestick-series .rct-point[data-decline] {
@@ -564,7 +586,7 @@
 .rct-ohlc-series .rct-point[data-decline] {
     stroke: #00f;
 }
-.rct-ohlc-series .rct-point[data-hover] .rct-ohlc-point-back {
+.rct-ohlc-series .rct-point[data-focus] .rct-ohlc-point-back {
     fill: rgba(0,136,255,0.12549) !important;
 }
 .rct-ohlc-point-back {
@@ -594,7 +616,7 @@
     stroke: #008;
     stroke-width: 2px;
 }
-.rct-errorbar-series .rct-point[data-hover] .rct-errorbar-point-back {
+.rct-errorbar-series .rct-point[data-focus] .rct-errorbar-point-back {
     fill: rgba(0,136,255,0.12549) !important;
 }
 
@@ -602,14 +624,17 @@
 .rct-lollipop-series {
     stroke-width: 3px;
 }
+.rct-lollipop-point-bar {
+    shape-rendering: crispEdges;
+}
 .rct-lollipop-point-marker {
     stroke: none;
 }
-.rct-lollipop-series .rct-point[data-hover] {
+.rct-lollipop-series .rct-point[data-focus] {
     stroke: #000;
     stroke-width: inherit;
 }
-.rct-lollipop-series .rct-point[data-hover] .rct-lollipop-point-marker {
+.rct-lollipop-series .rct-point[data-focus] .rct-lollipop-point-marker {
     stroke: #000;
     stroke-width: 2px;
 }
@@ -618,14 +643,17 @@
 .rct-dumbbell-series {
     stroke-width: 3px;
 }
+.rct-dumbbell-point-bar {
+    shape-rendering: crispEdges;
+}
 .rct-dumbbell-point-marker {
     stroke: none;
 }
-.rct-dumbbell-series .rct-point[data-hover] {
+.rct-dumbbell-series .rct-point[data-focus] {
     stroke: #000;
     stroke-width: inherit;
 }
-.rct-dumbbell-series .rct-point[data-hover] .rct-dumbbell-point-marker {
+.rct-dumbbell-series .rct-point[data-focus] .rct-dumbbell-point-marker {
     stroke: #000;
     stroke-width: 2px;
 }
@@ -634,7 +662,7 @@
 .rct-equalizer-series {
     fill-opacity: 0.9;
 }
-.rct-equalizer-series .rct-point[data-hover] {
+.rct-equalizer-series .rct-point[data-focus] {
     filter: brightness(120%);
 }
 
@@ -647,7 +675,7 @@
 .rct-vector-series {
     stroke-width: 2px;
 }
-.rct-vector-series .rct-point[data-hover] {
+.rct-vector-series .rct-point[data-focus] {
     stroke-width: 5px;
 }
 
@@ -674,7 +702,7 @@
 .rct-funnel-series .rct-point {
     stroke: #fff;
 }
-.rct-funnel-series .rct-point[data-hover] {
+.rct-funnel-series .rct-point[data-focus] {
     stroke: #000;
     stroke-width: 2px;
 }

package/package.json

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