dc.js coloring a stacked barChart

1
votes

I have 2 groups from the same dimension in barChart. I want to specify colors for these 2 groups. How can I achieve this?

bChart.dimension(time).group(Buyer).stack(Seller)

If shows default colors.

1
d3.jsdc.js

1 Answers

2
votes

Ok I got this working. I was thrown off by the renderlet being deprecated and couldnt understand what <renderletkey> meant.

bChart.on("renderlet", function(chart){
chart.selectAll("g.stack rect.bar").attr("fill", function(d){
  if(d.layer=="Buyer")
      return "red";
  else
    return "blue";
});

However I still see the default colors for a flash till the renderlet is done processing? Is there a way to skip this.