How to set different color / width to grid lines

plotly.js
1

I manually set tick values and text and create primary (0, 200M, 400M, 600M, 800M, 1G) and secondary grid (5 lines between each one in primary grid).

Untitled
Untitled.png892×396 38.6 KB 

                xaxis.tickmode = 'array';
                xaxis.tickvals = valuez;
                xaxis.ticktext = textz;

I know that I can use gridcolor / gridwidth property to set color and width to all grid lines, but I would like grid lines that are part of primary grid to look different that ones that are part of secondary grid (different color, maybe width)

Thank you

2

There’s no easy way to do this at the moment unfortunately.

As a workaround, you can try using layout.shapes.