Const width between multiple dynamic yaxis

[Diegolml]

I'm currently doing a project where I can have multiple charts in a single window, they are all synchronized so the xaxis width has to be the same. The problem that I'm encountering is that because of the yaxis labels I can't align them.

Is there a way that i can fix all the yaxis labels to have the same width or padding?

[junedchhipa]

You can assign a minWidth to yaxis labels by

yaxis: [{
  labels: {
    minWidth: 140
  }
}, {
  labels: {
    minWidth: 140
  }
}]

This will also prevent synced chart tooltip issues when hovering.

[Diegolml]

I already tried that. But it seems like it doesn't apply the minWidth when there are multiple yaxis in the same side.

[junedchhipa]

Ah! Ok then, I will take another look.

[Diegolml]

Here's a codesandbox to explain myself better. Note that i tried the minWidth you suggested but it doesn't seem to apply it.

https://codesandbox.io/s/x9xn4okz94

[Diegolml]

Worked great! Thanks!