Synced charts padding variation (causes hover issues)

Explanation

The labels are exactly the same on both charts. The only difference is the value of X. Not many custom options are set other than the markers and some tooltip/label formatting. The charts are also exactly the same width/height.

• What is the behavior you expect? The padding to be synced so that the hover position matches precisely.

• What is happening instead? Padding seems to be also dependant on x value

• What error message are you getting? None

I just found out this issue is also present in the docs sync example: https://apexcharts.com/vue-chart-demos/line-charts/syncing-charts/

I’ve added rulers to try visualize the problem more, apperantly the extra padding is only on the left side of the chart. The right side is still in sync. https://imgur.com/a/JWntKF4

[junedchhipa]

@elbojoloco That’s what I was thinking about. I will implement this in the upcoming releases.

[jesseglab]

Hey,

Having the same issue and warning pop up despite setting minWidth and declaring global values. none of these seem to work.