d3.chart
Version:
A framework for creating reusable charts with D3.js
16 lines (13 loc) • 391 B
JavaScript
d3.chart("BarChart").extend("FadingBarChart", {
initialize: function(options) {
this.layer("bars").on("enter:transition", this.fadeOut);
this.layer("bars").on("update:transition", this.fadeOut);
},
fadeOut: function() {
var length = 0;
this.attr("opacity", function() { length++; });
this.attr("opacity", function(d, i) {
return i / length;
});
}
});