Add more width if running in node

c3.js

@@ -4078,7 +4078,7 @@
         this.legendStep = step;
     };
     c3_chart_internal_fn.updateLegendItemWidth = function (w) {
-        this.legendItemWidth = w;
+        this.legendItemWidth = w + (isNode() ? 10 : 0);
     };
     c3_chart_internal_fn.updateLegendItemHeight = function (h) {
         this.legendItemHeight = h;
@@ -4166,7 +4166,7 @@
         var hasFocused = $$.legend.selectAll('.' + CLASS.legendItemFocused).size();
         var texts, rects, tiles, background;
 
-        var nodeOffset = typeof process === 'undefined' ? 1 : 5;
+        var nodeOffset = typeof process === 'undefined' ? 1 : 3;
 
         options = options || {};
         withTransition = getOption(options, "withTransition", true);
@@ -6491,6 +6491,9 @@
             temp.__clonedFrom = cloneObj;
 
             return temp;
+        },
+        isNode = function(){
+            return typeof process === 'undefined';
         };
 
 

src/legend.js

@@ -37,7 +37,7 @@ c3_chart_internal_fn.updateLegendStep = function (step) {
     this.legendStep = step;
 };
 c3_chart_internal_fn.updateLegendItemWidth = function (w) {
-    this.legendItemWidth = w;
+    this.legendItemWidth = w + (isNode() ? 10 : 0);
 };
 c3_chart_internal_fn.updateLegendItemHeight = function (h) {
     this.legendItemHeight = h;
@@ -125,7 +125,7 @@ c3_chart_internal_fn.updateLegend = function (targetIds, options, transitions) {
     var hasFocused = $$.legend.selectAll('.' + CLASS.legendItemFocused).size();
     var texts, rects, tiles, background;
 
-    var nodeOffset = typeof process === 'undefined' ? 1 : 5;
+    var nodeOffset = typeof process === 'undefined' ? 1 : 3;
 
     options = options || {};
     withTransition = getOption(options, "withTransition", true);

src/util.js

@@ -110,5 +110,8 @@ var isValue = c3_chart_internal_fn.isValue = function (v) {
         temp.__clonedFrom = cloneObj;
 
         return temp;
+    },
+    isNode = function(){
+        return typeof process === 'undefined';
     };