Victory-native: VictoryChart, VictoryZoomContainer, VictoryBar Layout Error (iOS)

Created on 29 Nov 2017  路  4Comments  路  Source: FormidableLabs/victory-native

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"

Most helpful comment

@yvonne6344 Fixed in [email protected]

All 4 comments

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.

Was this page helpful?
0 / 5 - 0 ratings