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: