[PR #23907] fix: resolve text clipping issues in overview chart components #30441

Closed
opened 2026-02-21 20:47:30 -05:00 by yindo · 0 comments
Owner

Original Pull Request: https://github.com/langgenius/dify/pull/23907

State: closed
Merged: Yes


Summary

Fixes #23906

  • Adjusted ECharts grid configuration to prevent text truncation in overview monitoring charts
  • Set bottom margin to 10px to accommodate descender characters (g, y, p)
  • Set left margin to 25px to handle various Y-axis label widths consistently
  • Fixed TypeScript errors in chart data type assertions

Screenshots

Before After
image image

Checklist

  • This change requires a documentation update, included: Dify Document
  • I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!)
  • I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change.
  • I've updated the documentation accordingly.
  • I ran dev/reformat(backend) and cd web && npx lint-staged(frontend) to appease the lint gods
**Original Pull Request:** https://github.com/langgenius/dify/pull/23907 **State:** closed **Merged:** Yes --- ## Summary Fixes #23906 - Adjusted ECharts grid configuration to prevent text truncation in overview monitoring charts - Set bottom margin to 10px to accommodate descender characters (g, y, p) - Set left margin to 25px to handle various Y-axis label widths consistently - Fixed TypeScript errors in chart data type assertions ## Screenshots | Before | After | |--------|-------| | <img width="573" height="289" alt="image" src="https://github.com/user-attachments/assets/fa55c191-ce16-43d0-bbef-07705a98ede0" /> | <img width="574" height="292" alt="image" src="https://github.com/user-attachments/assets/e7591e86-6d4c-49d5-8ae7-7bcd86cb6beb" /> | ## Checklist - [ ] This change requires a documentation update, included: [Dify Document](https://github.com/langgenius/dify-docs) - [x] I understand that this PR may be closed in case there was no previous discussion or issues. (This doesn't apply to typos!) - [x] I've added a test for each change that was introduced, and I tried as much as possible to make a single atomic change. - [x] I've updated the documentation accordingly. - [x] I ran `dev/reformat`(backend) and `cd web && npx lint-staged`(frontend) to appease the lint gods
yindo added the pull-request label 2026-02-21 20:47:30 -05:00
yindo closed this issue 2026-02-21 20:47:30 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: langgenius/dify#30441