juijs-chart - npm Package Compare versions

Comparing version 2.5.3 to 2.5.4

bundles/index.js

@@ -13,14 +13,7 @@ import jui from '../src/main.js'
 var data = [
-    { month : "Jan", rainfall : 49.9, sealevel : 1016, temperature : 7.0},
-    { month : "Feb", rainfall : 71.5, sealevel : 1016, temperature : 6.9 },
-    { month : "Mar", rainfall : 106.49, sealevel : 1015.9, temperature : 9.5 },
-    { month : "Apr", rainfall : 129.2, sealevel : 1015.5, temperature : 14.5 },
-    { month : "May", rainfall : 144.0, sealevel : 1012.3, temperature : 18.2 },
-    { month : "Jun", rainfall : 176.0, sealevel : 1009.5, temperature : 21.5 },
-    { month : "Jul", rainfall : 135.6, sealevel : 1009.6, temperature : 25.2 },
-    { month : "Aug", rainfall : 148.5, sealevel : 1010.2, temperature : 26.5 },
-    { month :  "Sep", rainfall : 216.4, sealevel : 1013.1, temperature : 23.3 },
-    { month :  "Oct", rainfall : 194.1, sealevel : 1016.9, temperature : 18.3 },
-    { month :  "Nov", rainfall : 95.6, sealevel : 1018.2, temperature : 13.9},
-    { month :  "Dec", rainfall : 54.4, sealevel : 1016.7, temperature : 9.6}
+    { date : new Date("2015/01/01 00:00:00"), sales : 50, profit : 35 },
+    { date : new Date("2015/01/01 06:00:00"), sales : 20, profit : 30 },
+    { date : new Date("2015/01/01 12:00:00"), sales : 10, profit : 5 },
+    { date : new Date("2015/01/01 18:00:00"), sales : 30, profit : 25 },
+    { date : new Date("2015/01/02 00:00:00"), sales : 25, profit : 20 }
 ];
@@ -36,3 +29,7 @@
             x : {
-                domain : "month",
+                type : "date",
+                domain : [ new Date("2015/01/01"), new Date("2015/01/02") ],
+                interval : 1000 * 60 * 60 * 6, // // 6hours
+                format : "MM/dd HH:mm",
+                key : "date",
                 line : true
@@ -42,9 +39,6 @@ },
                 type : "range",
-                domain : [ 1008, 1020 ],
-                color : "#434348",
-                format : function(value) {
-                    return value + " mb";
-                },
-                orient : "right",
-                step: 6
+                domain : [ 0, 100 ],
+                step : 5,
+                line : true,
+                orient : "right"
             },
@@ -56,3 +50,3 @@ data: data
                 type : "range",
-                domain: [ 5, 35 ],
+                domain: [ 5, 50 ],
                 color: "#90ed7d",
@@ -68,4 +62,4 @@ orient: "left",
     brush : [
-        { type : "line", target : "sealevel", axis : 0, colors : [ "#434348" ] , symbol : "curve" },
-        { type : "line", target : "temperature", axis : 1, colors: [ "#90ed7d" ], symbol : "curve" }
+        { type : "line", target : "sales", axis : 0, colors : [ "#434348" ] , symbol : "curve" },
+        { type : "line", target : "profit", axis : 1, colors: [ "#90ed7d" ], symbol : "curve" }
     ],
@@ -72,0 +66,0 @@ widget : [

package.json

 {
   "name": "juijs-chart",
-  "version": "2.5.3",
+  "version": "2.5.4",
   "sideEffects": false,
@@ -5,0 +5,0 @@ "description": "SVG-based JUI chart that can be used in the browser and Node.js. Support many types of charts. (Dashboard, Map, Topology, Full 3D)",

src/widget/zoom.js

@@ -117,2 +117,3 @@ import jui from "../main.js";
                     }
+
                     // format 콜백 옵션 설정
@@ -123,2 +124,5 @@ if(_.typeCheck("function", format)) {
 
+                    // 이전 x축 도메인 값 캐싱하기
+                    self.chart.setCache(`prevDomain_${axisIndex}`, axis.get("x").domain);
+
                     axis.updateGrid("x", {
@@ -218,5 +222,5 @@ domain: [ stime, etime ],
                 for(let i = 0; i < axisList.length; i++) {
-                    let axis = this.chart.axis(axisList[i]),
+                    let axisIndex = axisList[i],
+                        axis = this.chart.axis(axisIndex),
                         xtype = axis.get("x").type,
-                        domain = axis.get("x").domain,
                         interval = axis.get("x").interval,
@@ -228,4 +232,7 @@ format = axis.get("x").format;
                     } else if(xtype == "date") {
+                        // 이전 x축 도메인 값 가져오기
+                        let prevDomain = this.chart.getCache(`prevDomain_${axisIndex}`);
+
                         axis.updateGrid("x", {
-                            domain: domain,
+                            domain: prevDomain,
                             interval: interval,
@@ -232,0 +239,0 @@ format: format

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2900042

increased by0.08%

Number of package files

113

increased by0.89%

Lines of code

33054

increased by0.01%

No dependency changes