Victory position is undefined

[Gautamshah1]

Is there an existing issue for this?

• I have searched the existing issues

Code of Conduct

• I agree to follow this project's Code of Conduct

Victory version

36.6.8

Code Sandbox link

No response

Bug report

There is position error

Steps to reproduce

<View style={styles.chartContainer}>
        //   <View
        //     style={{
        //       height: 215,
        //       marginTop: 45,
        //       justifyContent: 'space-between',
        //     }}>
        //     {yAxisLabels.map((label, index) => (
        //       <View style={{width: 40, height: 215 / 5}}>
        //         <Text key={index} style={styles.yAxisText}>
        //           {label}
        //         </Text>
        //       </View>
        //     ))}
        //   </View>
        //   {oxygenData && (
        //     <ScrollView
        //       horizontal
        //       showsHorizontalScrollIndicator={false}
        //       showsVerticalScrollIndicator={false}>
        //       <View style={{width: oxygenData.length * 50, height: 300}}>
        //         {/* <VictoryChart
        //           theme={VictoryTheme.material}
        //           width={oxygenData.length * 50}
        //           height={300}
        //           padding={{top: 20, bottom: 40, left: 0, right: 0}}
        //           domain={{y: [0, 100]}}
        //           domainPadding={{x: 25, y: 25}}>
        //           <VictoryScatter
        //             style={{
        //               data: {
        //                 fill: ({datum}) => `url(#gradient)`,
        //               },
        //             }}
        //             data={oxygenData}
        //             size={5}
        //           />
        //           {gradientFill()}
        //         </VictoryChart> */}
        //         <VictoryScatter
        //             style={{
        //               data: {
        //                 fill: ({datum}) => `url(#gradient)`,
        //               },
        //             }}
        //             data={oxygenData}
        //             size={5}
        //           />
        //       </View>
        //     </ScrollView>
        //   )}
        // </View>

Expected behavior

No response

Actual behavior

No response

Environment

- Device: realme 
- OS:android
- Node:20
- npm:

[Gautamshah1]

this is the error

[victory-ci]

Hi there! It looks like your issue requires a minimal reproducible example, but it is invalid or absent. Please prepare such an example and share it with us.

The best way to get attention to your issue is to provide a clean and easy way for a developer to reproduce the issue on their own machine. Please do not provide your entire project, or a project with more code than is necessary to reproduce the issue.

A side benefit of going through the process of narrowing down the minimal amount of code needed to reproduce the issue is that you may get lucky and discover that the bug is due to a mistake in your application code that you can quickly fix on your own.

Resources

• "How to create a Minimal, Reproducible Example"
• "Codesandbox Starterkit for Victory"

Common concerns

"I didn't have time to create one"

That's understandable, it can take some time to prepare. We ask that you hold off on filing an issue until you are able to fully complete the required fields in the issue template.

"You can reproduce it by yourself by creating a project and following these steps"

This is useful knowledge, but it's still valuable to have the resulting project that is produced from running the steps, where you have verified you can reproduce the issue.

[Gautamshah1]

the upper was the code i used to replicate graph

[carbonrobot]

It's not possible to use the above code since we do not have access to things like oxygenData and gradientfill. However, pasting that code into a sandbox without that reveals no error.

ref: https://codesandbox.io/p/sandbox/victory-starter-forked-d27wfj