juijs-chart - npm Package Compare versions

Comparing version 2.4.2 to 2.4.3

bundles/index.js

 import jui from '../src/main.js'
 import ClassicTheme from '../src/theme/classic.js'
-import PieBrush from '../src/brush/pie.js'
-import DonutBrush from '../src/brush/donut.js'
+import StackColumnBrush from '../src/brush/stackcolumn.js'
 import TitleWidget from '../src/widget/title.js'
@@ -9,51 +8,46 @@ import TooltipWidget from '../src/widget/tooltip.js'
 
-jui.use([ ClassicTheme, PieBrush, DonutBrush, TitleWidget, TooltipWidget, LegendWidget ]);
+jui.use([ ClassicTheme, StackColumnBrush, TitleWidget, TooltipWidget, LegendWidget ]);
 
 jui.ready([ "chart.builder" ], function(chart) {
-    var names = {
-        ie: "IE",
-        ff: "Fire Fox",
-        chrome: "Chrome",
-        safari: "Safari",
-        other: "Others"
-    };
+    var data = [
+        { quarter : "1Q", samsung : 50, lg : 35, sony: 10 },
+        { quarter : "2Q", samsung : 20, lg : 30, sony: 5 },
+        { quarter : "3Q", samsung : 20, lg : 5, sony: 10 },
+        { quarter : "4Q", samsung : 30, lg : 25, sony: 15 }
+    ];
 
     chart("#chart", {
-        width: 600,
-        height: 600,
-        padding : 100,
+        width: 500,
+        height: 300,
         axis : {
-            data : [
-                { ie : 70, ff : 11, chrome : 9, safari : 6, other : 4 }
-            ]
+            y : {
+                type : "range",
+                domain : function(data) {
+                    return data.samsung + data.lg + data.sony;
+                },
+                line : true,
+                orient: "top"
+            },
+            x : {
+                type : "block",
+                domain : "quarter",
+                line : true
+            },
+            data : data
         },
         brush : {
-            type : "pie",
-            showText : "outside",
-            active : "ie",
+            type : "stackcolumn",
             activeEvent : "click",
-            format : function(k, v) {
-                return names[k] + ": " + v;
-            }
+            target : [ "samsung", "lg", "sony" ]
         },
         widget : [{
             type : "title",
-            text : "Pie Sample"
+            text : "Bar Sample",
+            orient : "bottom",
+            align : "end"
         }, {
-            type : "tooltip",
-            orient : "left",
-            format : function(data, k) {
-                return {
-                    key: names[k],
-                    value: data[k]
-                }
-            }
-        }, {
             type : "legend",
-            format : function(k) {
-                return names[k];
-            }
+            filter : true
         }]
     });
-
 });

package.json

 {
   "name": "juijs-chart",
-  "version": "2.4.2",
+  "version": "2.4.3",
   "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/brush/area.js

 import jui from '../main.js';
+import LineBrush from './line';
 
+jui.use(LineBrush);
+
 export default {
@@ -4,0 +7,0 @@ name: "chart.brush.area",

src/brush/column.js

@@ -0,1 +1,6 @@
+import jui from '../main.js';
+import BarBrush from './bar.js'
+
+jui.use(BarBrush);
+
 export default {
@@ -2,0 +7,0 @@ name: "chart.brush.column",

src/brush/donut.js

 import jui from '../main.js';
+import DonutBrush from './pie';
 
+jui.use(DonutBrush);
+
 export default {
@@ -4,0 +7,0 @@ name: "chart.brush.donut",

src/brush/equalizerbar.js

@@ -0,1 +1,6 @@
+import jui from '../main.js';
+import StackBarBrush from './stackbar';
+
+jui.use(StackBarBrush);
+
 export default {
@@ -2,0 +7,0 @@ name: "chart.brush.equalizerbar",

src/brush/equalizercolumn.js

@@ -0,1 +1,6 @@
+import jui from '../main.js';
+import StackColumnBrush from './stackcolumn';
+
+jui.use(StackColumnBrush);
+
 export default {
@@ -2,0 +7,0 @@ name: "chart.brush.equalizercolumn",

src/brush/focus.js

@@ -1,3 +0,1 @@
-import jui from '../main.js';
-
 export default {
@@ -4,0 +2,0 @@ name: "chart.brush.focus",

src/brush/fullstackbar.js

 import jui from '../main.js';
+import StackBarBrush from './stackbar';
 
+jui.use(StackBarBrush);
+
 export default {
@@ -4,0 +7,0 @@ name: "chart.brush.fullstackbar",

src/brush/fullstackcolumn.js

@@ -0,1 +1,6 @@
+import jui from '../main.js';
+import FullStackBarBrush from './fullstackbar';
+
+jui.use(FullStackBarBrush);
+
 export default {
@@ -2,0 +7,0 @@ name: "chart.brush.fullstackcolumn",

src/brush/stackarea.js

 import jui from '../main.js';
+import AreaBrush from './area.js'
 
+jui.use(AreaBrush);
+
 export default {
@@ -4,0 +7,0 @@ name: "chart.brush.stackarea",

src/brush/stackbar.js

 import jui from '../main.js';
+import BarBrush from './bar.js'
 
+jui.use(BarBrush);
+
 export default {
@@ -4,0 +7,0 @@ name: "chart.brush.stackbar",

src/brush/stackcolumn.js

 import jui from '../main.js';
+import StackBarBrush from './stackbar.js'
 
+jui.use(StackBarBrush);
+
 export default {
@@ -4,0 +7,0 @@ name: "chart.brush.stackcolumn",

No alert changes

Improved metrics

Total package byte prevSize

3226201

increased by0.1%

Lines of code

32849

increased by0.17%

No dependency changes