VictoryStack not displaying area if there is same time point at start

[gc-arch]

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.10

Code Sandbox link

No response

Bug report

Hello Team,

We are using VictoryStack and VictoryArea to plot some area on the graph. It is giving 2 issues for us,

When we are having same time point on x-axis at start then it is not plotting the area instead it gives straight line. Because of that we are unable to plot our area correctly.
When one VictoryArea data having 4 time points and second VictoryArea having another time points then first VictoryArea extended to the first time point of second victoryArea.
Need some help so that we can plot the data correctly.

Please find below data for VictoryStack, This data gives us straight line as it contains same time point at start "2023-11-18T08:10:00.050Z"

<VictoryStack>  
  <VictoryArea    
    data={[
        {x: new Date("2023-11-18T08:10:00.050Z"), y: 0},
        {x: new Date("2023-11-18T08:10:00.050Z"), y: 2},
        {x: new Date("2023-11-18T08:12:00.050Z"), y: 3},
        {x: new Date("2023-11-18T08:13:00.050Z"), y: 4},
        {x: new Date("2023-11-18T08:14:00.050Z"), y: 7},
        {x: new Date("2023-11-18T08:15:00.050Z"), y: 8}
     ]} />
</VictoryStack>

Please find attached screenshot for the required one and what we are getting currently. I have already shared the data what we have to use with VictoryStack as we are having stacking logic. But when there are 2 same timepoints at start on x-axis then it is giving me straight line instead of showing 2 data points on same timepoint.

Steps to reproduce

No response

Expected behavior

When there are 2 same timepoints at start on x-axis, it should show 2 data points on same timepoint.

Actual behavior

It is giving me straight line instead of showing 2 data points on same timepoint.

Environment

- Device:
- OS:
- Node:
- npm:

[github-actions]

This issue is stale because it has been open for 90 days with no activity. If there is no activity in the next 7 days, the issue will be closed.

[carbonrobot]

But when there are 2 same timepoints at start on x-axis

This is solved by correcting your input data, since VictoryArea can not determine which point you would like to use to determine the display.

[carbonrobot]

When one VictoryArea data having 4 time points and second VictoryArea having another time points then first VictoryArea extended to the first time point of second victoryArea.

A VictoryStack component will reconcile the domain of both charts into a single domain. If both charts have a different number of data points, then the display will be invalid. You can use various techniques to correct your data or separate the charts by not using a container that reconciles the domain

[github-actions]

This issue is stale because it has been open for 90 days with no activity. If there is no activity in the next 7 days, the issue will be closed.

[github-actions]

This issue was closed because it has been inactive for 7 days since being marked as stale. Please open a new issue if you believe you are encountering a related problem.