Proposal: image layer above grid lines and below traces

Currently images and shapes support a layer property to control whether objects are rendered 'above' the traces in the figure of 'below'. As shows in the following example, the 'below' mode also places the images/shapes below the grid lines.

CodePen: https://codepen.io/jonmmease/pen/EqbLej

I find the the gridlines a bit distracting when placed on top of the image, and I would like to propose a third 'layer' option, 'between', that would place images/shapes above the gridlines and below the traces.

Do you think this would this require adding a new layer to the svg plot? or could the shapes/image be added to the layer the gird is currently drawn on?

[vlastimil-dolejs]

Hi, I’m struggling with the same issue - the shape with layer below is overlayed by the grid. I have found a workaround (which is not perfect, but better than nothing). I’m setting both xaxis.gridcolor and yaxis.gridcolor to rgba(0, 0, 0, 0.07). This is the same as the default #eee if you have a white background, but will not overlay/hide the shape line that is below the grid. It will just slightly darken it. Hope this will help someone. Still, it would be helpful to be able to define above grid/below trace layer for the shapes.

[nicolaskruchten]

This is still relevant in the case of shapes, however, as pointed out in https://community.plotly.com/t/show-shapes-below-traces-and-above-grid/38629/3