Issue #218 allow bars within series to have customized color

12 years ago · 8c5b8229a0
parent 1c67464234
commit 8c5b8229a0
3 changed files with 7 additions and 3 deletions
--- a/nv.d3.js
+++ b/nv.d3.js
@ -4987,6 +4987,8 @@ nv.models.multiBar = function() {
          .attr('height', 0)
          .attr('width', x.rangeBand() / (stacked ? 1 : data.length) );
      bars
+          .style('fill', function(d,i,j){ return color(d, j, i);  })
+          .style('stroke', function(d,i,j){ return color(d, j, i); })
          .on('mouseover', function(d,i) { //TODO: figure out why j works above, but not here
            d3.select(this).classed('hover', true);
            dispatch.elementMouseover({
--- a/nv.d3.min.js
+++ b/nv.d3.min.js
--- a/src/models/multiBar.js
+++ b/src/models/multiBar.js
@ -163,6 +163,8 @@ nv.models.multiBar = function() {
          .attr('height', 0)
          .attr('width', x.rangeBand() / (stacked ? 1 : data.length) );
      bars
+          .style('fill', function(d,i,j){ return color(d, j, i);  })
+          .style('stroke', function(d,i,j){ return color(d, j, i); })
          .on('mouseover', function(d,i) { //TODO: figure out why j works above, but not here
            d3.select(this).classed('hover', true);
            dispatch.elementMouseover({