Fix a beforeRender bug, which was causing the waterfall connectors an…

…d stacked column totals from being properly rendered.

This occurred because the beforeRender is now a formalized accessor, which was previously used outside of the accessors object in those classes.

bower.json

@@ -2,7 +2,7 @@
   "name": "d4",
   "description": "A friendly charting DSL for D3",
   "main": "d4.js",
-  "version": "0.8.10",
+  "version": "0.8.16",
   "dependencies": {
     "d3": "~3.4.4"
   },

d4.js

@@ -1,6 +1,6 @@
-/*! d4 - v0.8.15
+/*! d4 - v0.8.16
  *  License: MIT Expat
- *  Date: 2014-10-19
+ *  Date: 2014-11-27
  *  Copyright: Mark Daggett, D4 Team
  */
 /*!
@@ -201,7 +201,7 @@
    *       chart.builder(function() {
    *           return {
    *               link: function(chart, data) {
-   *                   console.log(chart.x.domain.$dirty) // false;
+   *                   // false;
    *               }
    *           }
    *       });
@@ -479,7 +479,7 @@
       var baseFeature = {
         accessors: {
           afterRender: function() {},
-          beforeRender : function(){}
+          beforeRender: function() {}
         },
         proxies: []
       };
@@ -645,7 +645,7 @@
      *      .mixout('yAxis');
      *
      *      // Now test that the feature has been removed.
-     *      console.log(chart.features());
+     *      
      *      // => ["bars", "barLabels", "xAxis"]
      *
      * @return {Array} An array of features.
@@ -724,7 +724,7 @@
      *      .mixout('yAxis');
      *
      *      // Now test that the feature has been removed.
-     *      console.log(chart.features());
+     *      
      *      => ["bars", "barLabels", "xAxis"]
      *
      * @param {String} name - accessor name for chart feature.
@@ -2074,13 +2074,13 @@
 
       return {
         accessors: {
+          beforeRender: function(data) {
+            return calculateStackTotals.bind(this)(data);
+          },
           y: function(d) {
             var padding = 5;
             return this.y(d.size) - padding;
           }
-        },
-        beforeRender: function(data) {
-          return calculateStackTotals.bind(this)(data);
         }
       };
     };
@@ -2218,14 +2218,15 @@
 
       return {
         accessors: {
+          beforeRender: function(data) {
+            return calculateStackTotals.bind(this)(data);
+          },
+
           x: function(d) {
             var padding = 5;
             return this.x(d.size) + padding;
           }
         },
-        beforeRender: function(data) {
-          return calculateStackTotals.bind(this)(data);
-        }
       };
     };
 
@@ -4002,6 +4003,13 @@
   d4.feature('waterfallConnectors', function(name) {
     return {
       accessors: {
+        beforeRender: function(data) {
+          var d = data.map(function(o) {
+            return o.values[0];
+          });
+          return d4.flatten(d);
+        },
+
         classes: function(d, i) {
           return 'series' + i;
         },
@@ -4035,12 +4043,6 @@
           }
         }
       },
-      beforeRender: function(data) {
-        var d = data.map(function(o) {
-          return o.values[0];
-        });
-        return d4.flatten(d);
-      },
 
       render: function(scope, data, selection) {
         selection.append('g').attr('class', name);

package.json

@@ -1,6 +1,6 @@
 {
   "name": "d4",
-  "version": "0.8.15",
+  "version": "0.8.16",
   "description": "A friendly reusable chart DSL for D3",
   "repository": {
     "type": "git",

src/base.js

@@ -474,7 +474,7 @@
       var baseFeature = {
         accessors: {
           afterRender: function() {},
-          beforeRender : function(){}
+          beforeRender: function() {}
         },
         proxies: []
       };

src/charts/stacked-column.js

@@ -107,13 +107,13 @@
 
       return {
         accessors: {
+          beforeRender: function(data) {
+            return calculateStackTotals.bind(this)(data);
+          },
           y: function(d) {
             var padding = 5;
             return this.y(d.size) - padding;
           }
-        },
-        beforeRender: function(data) {
-          return calculateStackTotals.bind(this)(data);
         }
       };
     };

src/charts/stacked-row.js

@@ -107,14 +107,15 @@
 
       return {
         accessors: {
+          beforeRender: function(data) {
+            return calculateStackTotals.bind(this)(data);
+          },
+
           x: function(d) {
             var padding = 5;
             return this.x(d.size) + padding;
           }
         },
-        beforeRender: function(data) {
-          return calculateStackTotals.bind(this)(data);
-        }
       };
     };
 

src/features/waterfall-connectors.js

@@ -17,6 +17,13 @@
   d4.feature('waterfallConnectors', function(name) {
     return {
       accessors: {
+        beforeRender: function(data) {
+          var d = data.map(function(o) {
+            return o.values[0];
+          });
+          return d4.flatten(d);
+        },
+
         classes: function(d, i) {
           return 'series' + i;
         },
@@ -50,12 +57,6 @@
           }
         }
       },
-      beforeRender: function(data) {
-        var d = data.map(function(o) {
-          return o.values[0];
-        });
-        return d4.flatten(d);
-      },
 
       render: function(scope, data, selection) {
         selection.append('g').attr('class', name);

test/lib/d4.js

@@ -1,6 +1,6 @@
-/*! d4 - v0.8.15
+/*! d4 - v0.8.16
  *  License: MIT Expat
- *  Date: 2014-10-19
+ *  Date: 2014-11-27
  *  Copyright: Mark Daggett, D4 Team
  */
 /*!
@@ -479,7 +479,7 @@
       var baseFeature = {
         accessors: {
           afterRender: function() {},
-          beforeRender : function(){}
+          beforeRender: function() {}
         },
         proxies: []
       };
@@ -2074,13 +2074,13 @@
 
       return {
         accessors: {
+          beforeRender: function(data) {
+            return calculateStackTotals.bind(this)(data);
+          },
           y: function(d) {
             var padding = 5;
             return this.y(d.size) - padding;
           }
-        },
-        beforeRender: function(data) {
-          return calculateStackTotals.bind(this)(data);
         }
       };
     };
@@ -2218,14 +2218,15 @@
 
       return {
         accessors: {
+          beforeRender: function(data) {
+            return calculateStackTotals.bind(this)(data);
+          },
+
           x: function(d) {
             var padding = 5;
             return this.x(d.size) + padding;
           }
         },
-        beforeRender: function(data) {
-          return calculateStackTotals.bind(this)(data);
-        }
       };
     };
 
@@ -4002,6 +4003,13 @@
   d4.feature('waterfallConnectors', function(name) {
     return {
       accessors: {
+        beforeRender: function(data) {
+          var d = data.map(function(o) {
+            return o.values[0];
+          });
+          return d4.flatten(d);
+        },
+
         classes: function(d, i) {
           return 'series' + i;
         },
@@ -4035,12 +4043,6 @@
           }
         }
       },
-      beforeRender: function(data) {
-        var d = data.map(function(o) {
-          return o.values[0];
-        });
-        return d4.flatten(d);
-      },
 
       render: function(scope, data, selection) {
         selection.append('g').attr('class', name);