cancel
Showing results for 
Search instead for 
Did you mean: 

unable to make waterfall chart coloring

former_member217667
Participant
0 Kudos

Hello,

I am facing issues while trying to make color coding for different strokes in waterfall chart.

I havve 2 waterfall charts and all the strokes need different color. I am trying to do this using CSS code.

I am using below code.

.waterfall1 .v-waterfallgroup:nth-child(1) rect{ fill:#000000!important;}

.v-waterfallgroup:nth-child(2) rect{ fill:#366D6D!important;}

.v-waterfallgroup:nth-child(3) rect{ fill:#f00000!important;}

.waterfall2 .v-waterfallgroup:nth-child(1)_c1 rect{ fill:#ffff00!important;}

.v-waterfallgroup:nth-child(2) rect{ fill:#00ff40!important;} 

.v-waterfallgroup:nth-child(3) rect{ fill:#8000ff!important;}

Please help.

Best Regards

Bikash

Accepted Solutions (1)

Accepted Solutions (1)

former_member217667
Participant
0 Kudos

This message was moderated.

former_member194504
Active Contributor
0 Kudos

Hi Bikash did you mentioned the classname on charts.


.waterfall1.v-waterfallgroup:nth-child(1) rect{ fill:#000000!important;}

.waterfall1 .v-waterfallgroup:nth-child(2) rect{ fill:#366D6D!important;}

.waterfall1 .v-waterfallgroup:nth-child(3) rect{ fill:#f00000!important;}

.waterfall2.v-waterfallgroup:nth-child(1) rect{ fill:red!important;}

.waterfall2 .v-waterfallgroup:nth-child(2) rect{ fill:orange!important;}

.waterfall2 .v-waterfallgroup:nth-child(3) rect{ fill:green!important;}

This works fine. Thanks,

Nithyanandam

former_member217667
Participant
0 Kudos

Thank you so much Nithyanandam.

It worked

Best Regards

Bikash

former_member194504
Active Contributor
0 Kudos

Hey Bikash,

Glad it helped

Thanks,

Nithyanandam

Answers (0)