How to have a chart multiple lines that vary in point amount

[aidankmcalister]

I have a chart with some lines going across dates on the x-axis. I want to add a line that only has points on the first and last date. When I do that, it shortens the entire graph down to only display those dates.

<Line
     type="monotone"
     data={trendData()}
     label="Trend"
     dataKey="trend"
     stroke="#ed4d55"
     strokeDasharray="3 3"
     dot={false}
/>

These two should be the same except for the addition of the red line. I want it to be perfectly straight between the two ends while allowing all the other points to still exist don't the other lines.

[aidankmcalister]

Creating points in the middle for each date with a value of null, then setting connectNulls={true} in the <Line /> did the trick.