[Bug] X-Axis Labels Flickering or Disappearing on Specific Screen Resolutions
- Dominant language
- TypeScript
- Stars
- 67.3k
- Forks
- 19.8k
- Avg merge
- 11d 14h
- Merged PRs (30d)
- 8
Description
### 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
```markdown
- OS: Windows 11
- Browser: Chrome
- Framework: Angular
```
### Any additional comments?
_No response_
Contributor guide
Assessment
This issue has not been assessed yet.