Manahil-Afzal opened a new pull request, #136:
URL: https://github.com/apache/echarts-examples/pull/136

   Before:
   
![Guage](https://github.com/user-attachments/assets/3ba0e87e-b987-46f0-be5f-1937224e5d0d)
   
   => The detail text (value + unit) sometimes overlaps with the pointer or 
gauge frame.
   => For larger values, the value text appears too close to the pointer, 
reducing readability.
   
   After:
    
   ![After 
Guage](https://github.com/user-attachments/assets/c31ed4dd-53c9-440d-acd1-dc50e1152ef8)
   
   
   After applying the fix in the TypeScript file:
   
   . Adjusted detail.offsetCenter to move the text slightly downward.
   . Updated rich.value and rich.unit styling to center the value and unit 
properly.
   . Text is now clearly visible, centered, and does not overlap the pointer.
   
   Local Test:
   
   . Tested on local build
   . Works for all values in the gauge range.
   
   Files Changed:
   examples/gauge/progress-gauge.ts
   
   Impact:
   1) Improves readability and visual clarity in the Progress Gauge example.
   2) Makes the official editor consistent with local builds.


-- 
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

To unsubscribe, e-mail: [email protected]

For queries about this service, please contact Infrastructure at:
[email protected]


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to