plotly.js icon indicating copy to clipboard operation
plotly.js copied to clipboard

Chart title does not obey responsive layout

Open aadibajpai opened this issue 5 years ago • 2 comments

Hi, I was following this https://plotly.com/javascript/responsive-fluid-layout/ and it made my chart responsive but the title does not wrap and gets truncated on mobile.

image

Link to code: https://gist.github.com/aadibajpai/b0c11721056325d4892cf926b950cdb1#file-snippet-html

and link to production: https://vanderbilthustler.com/category/coronavirus/

aadibajpai avatar Aug 30 '20 20:08 aadibajpai

Yes, in general Plotly.js doesn't have any kind of automatic text-wrapping yet, unfortunately.

nicolaskruchten avatar Aug 31 '20 13:08 nicolaskruchten

Is there a workaround to this?

Mukulikaa avatar Apr 24 '21 08:04 Mukulikaa

I would love for this feature to be added as I find that this is the one aspect that lets Plotly down in implementation. I can have a great looking chart embedded on a webpage on a full sized browser window, but as soon as I view the site in a mobile the text elements such as titles, or annotations either clip or overlap the chart area.

alexhewson avatar Jul 19 '24 09:07 alexhewson