x-axis label disappears in certain cases

[deecay]

Issue: x-axis label disappears in certain cases (layout.margin.bottom specified && vertical x-axis labels?).

demo

The issue goes away when changing the library version to 1.44.2 in the above demo.

[etpinard]

Hmm.

From your codepen link https://codepen.io/deecay/pen/zYxpOad, I see

switching https://cdn.plot.ly/plotly-1.44.3.min.js for https://cdn.plot.ly/plotly-1.51.3.min.js in https://codepen.io/etpinard/pen/RwNxMRz, I get:

---

Can you share a screenshot of what you get when using v1.51.3 ? Thank you!

[deecay]

Hi,

These are screenshots from my Chrome 79.0.3945.88（Official Build）on Windows 8.1.

1.44.3

1.44.2

1.51.3

[etpinard]

Ok, that's weird. Can other @plotly/plotly_js devs open https://codepen.io/etpinard/pen/RwNxMRz and share what they're seeing? Thanks!

[alexcjohnson]

I also see the labels disappear. Looks like something changed a little bit with positioning in 1.45.0 such that for some of us the labels are over half the plot size so they get removed. If I bump the height up to 300px they come back. @etpinard I guess your font is a little smaller than mine?

[deecay]

I have noticed that y-axis label and range differs between the two versions, too.

y-axis differs

I don't know if these two are related, but I'm posting it here because it is axis-related change which happened in 1.44.3.

1.44.2

1.44.3 and later

[janis-me]

Hello! Did you manage to solve this issue?
I do have the same problem with plotly.js-basic-dist-min v1.54.7 and Angular-plotly.
First the plots render correctly, but the x axis labels disappear on resize events, even when I force plotly to use all the available height.

[wshart]

Bump.
I'm also having this issue, but on plotly.js-cartesian-dist v1.56.0 and React.
My crappy workaround is to have set the Plot component's key to change on every React component update.
As above, the plot renders correctly at first, then the x (and y) axis labels disappear on resize events. I'm using this for a heatmap.

[zyzhu]

Bump. Met the same problem with v1.57.0 on basic bar chart. Labels on x axis disappear on resize events.

Repro here https://stackblitz.com/edit/angular-ivy-r3w5lj

Filed an issue here plotly/angular-plotly.js#136. But it's actually related to plotly.js directly.

Note that if I change plotly.js version to 1.54.0 and earlier, this problem disappears.

[nicolaskruchten]

@archmoj can you dig into this one a bit please?

[archmoj]

@archmoj can you dig into this one a bit please?

Sure. Look like a automargin bug to me. But let me investigate...

[archmoj]

Bug confirmed on Windows and iOS.