Combining multiple datasets in chartjs

Currently I have 2 points in my line chart’s dataset as seen in the screenshot.
Now I want to add 4th dataset like in the screenshot, its the non-linear dataset.

But 4th non-linear dataset is a calculated dataset and it has around ~200-400 points.

But the thing is, first datasets (2 point datasets) are get cut-off because I have only 2 points.
What I would like to achieve is, I want to spread 2 points dataset across the chart and have 2 ticks on x-axis which is first and end date.

here is example; https://stackblitz.com/edit/vitejs-vite-utbcv1?file=src%2FLineChart.tsx

this is currently an example;
enter image description here

and this is what I want to achieve (non-linear is the big dataset)
enter image description here