xAxisLabel top margin

[Hijleh]

I am trying to give more margin from the top to the x-axis labels, but still can't,
I tried to use labelComponent with marginTop, but it seems that the labels container have fixed height because the text start to look trimmed from the bottom, any idea how to handle this?

[Abhinandan-Kushwaha]

Hi @Hijleh 👋
Try the labelsExtraHeight prop. I hope it helps.

[Hijleh]

Thanks @Abhinandan-Kushwaha, still didn't work :(

I am using a custom label component

Note: beside adding labelsExtraHeight I tried to give some margin, padding, or height to the label styles, all of them didn't work, any idea?

[Abhinandan-Kushwaha]

Hi @Hijleh 👋
Can you share the complete code you are using? Also, please include the values of the variables like theme.typography.h9Regular and Locales.Ar etc

[Abhinandan-Kushwaha]

Hi @Hijleh 👋
Instead of giving marginTop try giving a negative marginBottom to the xAxisLabelTextStyle.

[Hijleh]

Hi @Abhinandan-Kushwaha,

a negative marginBottom works good, thanks so much.

[rupalpatel0008]

In my case negative marginRight fixed the issue. I had the labels rotated