d3.js, sankey and bootstrap: change all colors

Asked Oct 30 '20 at 14:57

Active Oct 30 '20 at 14:57

Viewed 63 times

I'm using d3.js and sankey in my application. I created a simple HTML file with the sankey and the result is the follow (exactly what I expect):

I did a quick cut and paste in the application in ASP.NET Core with Bootstrap and the result is this one:

I think in some ways Bootstrap is changing sankey. Do you have any idea how I can fix it?

asked Oct 30 '20 at 14:57

Enrico

Add `fill: none` to all your paths first, that should remove the black lines – Ruben Helsloot Oct 30 '20 at 15:06
yes, thank you. it removes the black line but the lines are still dark, like the opacity is ignored – Enrico Oct 30 '20 at 15:20
Did you maybe just forget to copy a CSS file? Try `fill-opacity: 0.3` – Ruben Helsloot Oct 30 '20 at 15:23

0 Answers0