bruh bruh - 1 year ago 247
Javascript Question

VueJS Dynamic Bar Chart Colors

Given a bar graph with 2 data sets. How can I give each bar its own color?

.style("fill", function(d,i) { console.log(i.fill) } // <- first red, second blue

Answer Source

I'm too lazy to set up a demo for what I think might work, but I imagine you want an array of colors like:

var colors = ['red', 'blue'];

then in your callback for fill you can do like this:

return colors[i % colors.length];

If I'm correct in assuming i is an index for the bar you're on.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download