search

Abhinandan-Kushwaha / react-native-gifted-charts

The most complete library for Bar, Line, Area, Pie, Donut, Stacked Bar and Population Pyramid charts in React Native. Allows 2D, 3D, gradient, animations and live data updates.
https://www.npmjs.com/package/react-native-gifted-charts
MIT License
792 stars 153 forks source link

BarChart xAxisTextNumberOfLines Includes Extra Bottom Space #898

Closed agmo-chichun closed 2 weeks ago

agmo-chichun commented 2 weeks ago

Description

I tried to apply multiline of x-axis label with xAxisTextNumberOfLines={5} but it makes the chart has extra bottom space. Any options or settings can remove or customize the chart bottom spacing after applied the number of line prop?

image

Steps to reproduce

  1. xAxisLabels = {"18\nAug\n-\n24\Aug"}
  2. xAxisTextNumberOfLines = {5}

Snack or a link to a repository

No response

version of react-native-gifted-charts

1.4.47

React Native version

0.75.3

Platforms

Android, iOS

Workflow

None

agmo-chichun commented 2 weeks ago

Resolved by wrapping the BarChart with a View and specifies a height.