Describe the bug
Using LineSeries with different x values causes line to not be drawn correctly.

To Reproduce
Steps to reproduce the behavior:

1. Go to https://codesandbox.io/s/priceless-wind-clh9f?file=/src/App.tsx
2. Notice the lack of connected lines
3. Toggle overall data, notice correct rendering of browser data
4. Toggle browser data, notice correct rendering of overall data

Also see https://dev-next-oblt.elastic.dev/app/csm?rangeFrom=now-24h&rangeTo=now&serviceName=elastic-co-frontend

Expected behaviour
All lines are connected between respective points

Screenshots

Version (please complete the following information):

• Elastic Charts: 21.0.0 started form feat: wiggle and silhouette stacks #751

Additional context
The overall_data has different x values that the browser_data which is likely causing the discontinuity.