search

tremorlabs / tremor

React components to build charts and dashboards
https://npm.tremor.so
Apache License 2.0
16.15k stars 465 forks source link

[Bug]: Scatter chart x axis label is truncated (below the line height) #1095

Open joaoaguiam opened 3 months ago

joaoaguiam commented 3 months ago

Tremor Version

3.17.2

Link to minimal reproduction

https://gist.github.com/joaoaguiam/bd5b464221b7887e273a90f5c96e04c9

Steps to reproduce

Copy paste that gist to your project. This is the default example of scatter with a xAxis label. As the axis has a y, the part that is below the line is truncated. Check image. CleanShot 2024-06-29 at 15 06 29@2x

By inspecting the code, the dy property is set to 0em. if I change to -0.5em, the word becomes fully visible. CleanShot 2024-06-29 at 15 07 36@2x

What is expected?

The word should be fully visible and not only partially

What is actually happening?

The part of the word below the line is not visible

What browsers are you seeing the problem on?

Chrome

Any additional comments?

No response

severinlandolt commented 3 months ago

Hi! What font and default font size are you using?