[Bug] X-Axis Labels Flickering or Disappearing on Specific Screen Resolutions

[kaizerpwn]

Version

5.6.0

Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?code=PYBwLglsB2AEC8sDeAoWsDGwA2wBOAXLANoDkAxAAyUBGAZgIYCmpANLBXQJwCsNALC3acAHAP4jSAXXYB6WbABKTENgYYmsAO4QwAC1gBPYAFc8mHPgvQ6EAOZmGkGLAh1Y0JkwAmPtLDBgHEgQIlR0dDA8ezsmQg4GAA8IAGc2f0jou1i8AHloIlIMbAgMAGt0iNgk1IAFYAhoMDiwjIiwQxAmQpS9Bm9gLVI2gF9WNpp1Mrs8U2hvAGFLeIoAMQAmVf5VyXGqmnxfPCXcFfIAEXOAUQBGK4A2SoiDvCOAdQhvfSIbvefDuKKfoQEwpIj8P7oXr9QYnfCFPB2SYACko7DRsAxlAAdOseABKJ5QvoDLQAIWwZiIPEhsGhpNydDoKSYYAAGkQ0W16YNGczWQBNcF_MawfzYJixeatKosiUYZreACywF8PUadglRLpekGREY2BZ_jG_hmnxl7VAnNpEroYEKAGYAKTarJ6e0cfgu2kHMCBAC2hR43raWCaDEaABkGDQmNgiFETExjX9EgBBZJg5Btc0cdOZ7UdLqFABuDEpQja0AY_u6HCuABUG6ttdXa5HgBgnFAChx_Z9vFraW2mABxBihWDrLlVEcNpiJMAAZQ6EotVRA_W8GqIAFo8bT0CW4pAu9g0yU7L3SL6A9r0HQYMuIAAvOs3CGjWn93sziL-pJCm8JwGCVJJtRqFJo1jeNsyqYk9QCPAk0PWBHzwAC_RaNCTGgBUe2RMsK3xOD4PQPBWTMOAiKTbFAhXaJoDsZF8QAbjadARi_NpIMjRo6yQHVEMTTQTSqSCG1KMowiErR9XLFlYC4zi_kMDNUnXVxvEKNSC1pIs6yKJxJXwQxtUaY88BZBNkKYWkJKkmTekQg1FLEiI52QvDjJkgDEg-L49CIaclPszNoLjTSHyfJdX3fT8yPQzDmniOhcPwmBkU3PAa1ZOIAElvBI8IyNgeRYCuaAUjMTR9E0bLcpSwrXBSWBtxSVQGEMHwLDwCiFWwQwOIiCiwCo2AGtrJrvFY9ByobPRUlgUaqNauqJoYHKpoK7w0KsJh1AMYCwAYVxmn9Yb3KqHRAuC6hUOASy6FwOSOETbzmnvWSbKTOaFDAspNGqijqkzWA1Bg1rNqB3UtGgbjxPC_inNh-TDVE9gyoUXJwB7csiAACU-TRdKWkpPFcdxfBSCAKO8FN_GOhgAC0gkDEg2hKqoDJ6Eoji-0mUkKnT1LSVDbGwFKVTVDhoBgSsyJSE68A9G57uGn8ADVyyTJdN17adUL87WKz1hgDb_a7Pm-WAbnuVCaGQ3olzjJgFTRllUOcrRzlZCNYNcuzhsmcoZjmRZlkKcgmEoGOY6-l4jiBbdQWtYOAWOSO3pyqrsqYJovoliVM9OKPvEocvy6-vp5glFdDDXZBYFAdRdEMTlQo1x6mAJ83ByYevG8EluMDbjvlIiK7SO5zpDMaGnfAF0XhY4QXC4gSW4mlwy5c8L6tZ1gf9buo2khN3Xj6nS3nidvQXflD1A692HfZOjePaDqoJ5kfwWWiJgszEE5sNXMRRoinnLF9HmHBJh4C-kzIgQDSqwF3DcdY7ARAiAwVglB_B7awEwdgohBCcGEJIcQshlDSHUIoTQ8h9CqG0KYQwuhVDho_zIroJg_pB4CVgInQEwJU4kAxPg_BlApCdzIhDSK094Lex-p_UqIBgA02cNeN0YAvrRSaLFN8PwEqlSwKXDgVBqDaL2hhJwKVChIAwCMUgf1YDnFSJ1Qwa09CaBopoYA7gDoYAMLAy6X4xToA4fwzaAUbakDxCARITwmYsg9FzNqEBaxVR7IA0gk08p4EKmwDgGBwGlEgcIXeAB9IpugSnYAKaQcstTwlQlMHgDQiDhqCRydNQoEtyncPKUXDUlT_TlK6NEJW5YQAmH9CAcpZRGizBOuo9Y5TzpjKcCYFRWg4i4V0AUqpEDYKYOxBiCpByanWmqNgWCaDKBSPgp0zajUdo9I3n0kZURzYdXlkrYZlSYDHkMHMxouAmKSxzikEsNxVncPWWALZOzoB7PYOcs8lyznFLRZidgDS7p3KnugR5W1ckr1IL0_pStQBjM6hoP588TxpO7rWYFVUojAEBrMbwMKZlxH6NEY8-zMX42xR4GAlShWwQxLi22PB8WoXKmmbwu1_T4E0EzCaDQmhQ1ap4DQKQUibSGlUKQxoUAjFYkAA

Steps to Reproduce

Video preview: https://vimeo.com/1049270962/5629eac5d2?share=copy

• Open the link of minimal reproduction and navigate to the chart rendering section.
• Ensure the chart is set up with an X-axis configuration (similar to the one described).
• Resize the browser window or adjust the resolution to a lower or specific value.
• Observe the chart behavior—notice the flickering or disappearance of the X-axis labels at certain resolutions.

Expected Result:

The X-axis labels should remain visible and correctly positioned, without any flickering or disappearing behavior.
Note: The bug may only appear on specific resolutions and only on negative values, so it is important to test at different screen sizes and resolutions.

Current Behavior

On certain screen resolutions, the X-axis labels flicker or disappear completely if the value is negative, causing an incomplete or unclear chart visualization.

Expected Behavior

The X-axis labels should remain consistently visible and properly aligned across all screen resolutions, without flickering or disappearing. The chart should maintain clarity and accuracy at any resolution.

Environment

- OS: Windows 11
- Browser: Chrome
- Framework: Angular

Any additional comments?

No response