Black Lives Matter. Please consider donating to Black Girls Code today.
Learn how to use COVID-19 data in open source Dash apps. Register for the Sept 23rd webinar with IQT!

Hidden gridlines on trace fill

When a fill is added to a trce, the gridlines are not displayed where the fill is placed. How could I have the gridlines displayed on top of the fill?

Below and example, where on the blue fill, no gridlines can be seen.

Grid lines are always drawn below fills at the moment and there’s no way to change that.

As a workaround, you can use shapes to draw lines above traces.

Thanks for the information. Do you have a working example to implement shapes as grids?

Just for the record. I solved the problem.

You only need to set a fill color with transparency, rgba(r,g,b,alpha) (alpha = 1-transparency).

. I made a tool to find color that render the same but with different transparencies.