I want to create my own custome legends drawer to utilise space as I am working on multiplot. Any suggestion to achieve this?

plotly.js
1

I want to create my own custome legends drawer to utilise space as I am working on multiplot. Any suggestion to achieve this?

2

Hello! Could you add some context? Not sure what you are referring to.

3

Maybe this can help you. Up until the last version of Plotly I tested (2.35.2), you could add labels to shapes. However, I didn’t like the editing method. I don’t know if the latest version has fixed this. If you need to create vertical and horizontal labels, maybe this example can help. By modifying the code a bit, you could hide the line by setting the opacity to 0.

https://codepen.io/saratoga01/pen/XWLKeGj

Now, if you don’t have a problem with the label orientation, you can use the shapeText or annotationText properties in the config file to pass in newPlot to activate label editing for shapes or annotations.