Issue with the modebar when using other library

plotly.js
1

Hi,
When I using the plotly.js, the modebar is so large that it covers the plot. I find the reason is that it conflict with the forna.js (https://github.com/ViennaRNA/fornac). I am not sure how to solve it. The raw code are https://jsfiddle.net/fmdt2j5L/

The result plot is

51%20PM
Screen Shot 2019-05-08 at 1.36.51 PM.png1526×417 9.5 KB

The modebar is unnormal. I want to recover it. But I do not know how to set the CSS.

Many thanks.
Best regards.

2

Hmm, that looks odd.

Have you tried using https://cdn.plot.ly/plotly-latest.min.js ?

3

Hi etienne,
Thanks. Yes. I used the newest. I solved the questions by adjusting the parameters. Although it is not perfect.

var layout = {
title: ‘BPPM’,
//annotations: [],
width: 800,
height: 800,
autosize: false,
xaxis: {
ticks: ‘’,
side: ‘top’
},
yaxis: {
ticks: ‘’,
ticksuffix: ’ ',
range: [50, -50]
}
};

 var graphDiv = document.getElementById(elem);
 Plotly.newPlot(graphDiv, data, layout);