Tool bar obstructing a label

plotly.js
1

So, I have lot of traces. When I hover, the labels/annotations that get displayed by default is neat and cool. However, when I hover near the right hand corner, the top annotation gets hidden by the toolbar that appears. Is there a way to get the annotation on top of the toolbar or position the toolbar vertically on either side and not at the top-right corner only?

Thanks.

image
image.jpg871×396 97.6 KB

2

Not at the moment unfortunately.

3

I hacked this as follows: Saw that there is a specific scss file for modebar. In that, the positioning of the modebar is ‘absolute’ and uses ‘top’ and ‘right’ attributes to position it.

Now, I located these keywords in the plotly.min.js, changed it from ‘top’ and ‘right’ to ‘bottom’ and ‘left’ respectively and that achieved what I needed.

For searchable records…

4

I’m not sure if you figured this out but that changing the legend y location in the layout fixed it for me.

layout = {
    legend: {
        y: .95
    }
}