Victory-native: The y-axis labels overflow on the y-axis

[let-aurn]

Bugs and Questions

Checklist

• [x] This is a victory-native specific issue. (Issues that _also_ appear in victory should be opened here)

• [x] I have read through the FAQ and Guides before asking a question

• [x] I am using the latest version of victory-native

• [x] I have checked to make sure that my versions of react-native and react-native-svg are compatible with this version of victory-native. Read about version requirements

• [x] I've searched open issues to make sure I'm not opening a duplicate issue

The Problem

With this very minimal code of Victory Chart,

<VictoryChart>
    <VictoryBar/>
</VictoryChart>

This is what I get

I'm struggling to put the y-axis labels off the axis!!

PS: I posted the question on Stack Overflow as well.

Reproduction

Please check that your issue is specific to victory-native. ---> CHECKED!

Please list steps to reproduce your issue. ---> Use the minimal code above.

Include a code sample and exact version numbers for

• "victory-native": "^0.16.5"
• "react-native": "0.50.3"
• react-native-svg: I'm using Expo

[masmun12]

same case here

[masmun12]

hi @let-aurn i have solved this issue by downgrade victory native version to

"victory-native": "^0.15.0"

[Florensvb]

Hey there,

I have experienced the exact same issue described above. Furthermore the prop tickValues of VictoryAxes did not do anything, no matter to what value i set it.

BOTH the issues have been resolved by downgrading to 0.15.0 like @masmun12 described above. Now the y axis labels are placed correctly and the tickValues prop is working as expected.

I am also using Expo.

[robertobrogi]

yes is true, work with 0.15 but there is a problem with label in x axes....
I hope in a fast fix (0.16.7) because in ios there is a lot of problem :(

[Paul-Todd]

Seems to be fixed with React-Native-SVG 6.1.3 at least for me

[boygirl]

This issue is not reproducible in the latest versions: [email protected], react-native-svg@^6.1.0