Hello, I have a VictoryBar question.
Youtube: My question 1 video
Youtube: My question 2 video
I refer to this example, but VictoryBar x-axis layout error...
my code:
<View width={370}>
<VictoryChart theme={VictoryTheme.material} domainPadding={15} height={200} width={430}
containerComponent={
<VictoryZoomContainer
dimension="x"
zoomDomain={{ x: [0.5, 8] }}
allowZoom={false}
allowPan={true}
/>}>
<VictoryBar
padding={{left:200}}
style={{ data: { fill: "lightcoral" } }}
animate={{ duration: 1500 }}
categories={{ x: ["11/27", "11/28", "11/29", "11/30", "12/1", "12/2", "12/3", "12/4", "12/5"] }}
data={[
{ x: 1, y: 300, width: 5 },
{ x: 2, y: 700, width: 5 },
{ x: 3, y: 500, width: 5 },
{ x: 4, y: 900, width: 5 },
{ x: 5, y: 700, width: 5 },
{ x: 6, y: 200, width: 5 },
{ x: 7, y: 600, width: 5 },
{ x: 8, y: 300, width: 5 },
{ x: 9, y: 500, width: 5 }
]}
/>
</VictoryChart>
</View>
my version:
"react": "16.0.0",
"react-native": "0.50.4",
"react-native-svg": "^6.0.0",
"victory-native": "^0.16.1"
I try victory-native": "0.15.0.
change issue! VictoryBar success, VictoryChart Error...
Hope this issue can fix in version 0.16.x?
Thanks!!
Youtube: Zoom VictoryBar Success video
Youtube: Zoom VictoryChart Error video
VictoryChart x-axis layout error...

"react": "16.0.0",
"react-native": "0.50.4",
"react-native-svg": "^6.0.0",
"victory-native": "0.15.0"
@yvonne6344 It looks like an issue with VictoryClipContainer I'll see if I can reproduce this and get it fixed for you
@yvonne6344 Fixed in [email protected]
@boygirl
I use [email protected].
bar & x-axis fixed!! But find another issue. Can Fix it? Thanks.
Most helpful comment
@yvonne6344 Fixed in
[email protected]