Chart title does not obey responsive layout

plotly / plotly.js

Open-source JavaScript charting library behind Plotly and Dash

https://plotly.com/javascript/

MIT License

16.93k stars 1.85k forks source link

Chart title does not obey responsive layout #5109

Open aadibajpai opened 4 years ago

aadibajpai commented 4 years ago

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.

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

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

nicolaskruchten commented 4 years ago

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

Mukulikaa commented 3 years ago

Is there a workaround to this?

alexhewson commented 2 months ago

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.