Creating a break in line in xychart for perspective page

I want the purple line to break every two points ive tried breaking it up by adding a null in-between every two points but that didn't work. I didnt want to add a new series for each two points it also binding to a custom prop which is using a transform script on a tag. i want it to look like this.

does anyone know how i can achieve this? Will I have to create a series every two points?