Background Ticks

I have been experimenting with the Plotly.js library to recreate particular chart styles.

So far I have only hit one issue - the displaying of what i’d call background ticks.

I have attached two images showing examples.

The Plotly.js library doe snot seem to provide the facility to add background ticks so I thought I might be able to achieve this with background images however my charts are variable size which adds a little complexity.

Any thoughts, guidance or examples will be grateful appreciated.


I’d recommend using a layout shapes for this task as in https://plot.ly/javascript/shapes/#basic-arbitrary-svg-paths

Thank you for your suggestion… Although I had looked at the documentation for adding Images, I had totally overlooked the ‘Shapes’ documentation… I haven’t tried yet but can see from the examples how this should work. Very much appreciated!