# Creating a break in line in xychart for perspective page

**URL:** <https://forum.inductiveautomation.com/t/creating-a-break-in-line-in-xychart-for-perspective-page/116657>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [August 4, 2026, 8:56pm UTC](https://forum.inductiveautomation.com/t/creating-a-break-in-line-in-xychart-for-perspective-page/116657 "2026-08-04T20:56:23Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![luis.morales](https://avatars.discourse-cdn.com/v4/letter/l/3ec8ea/32.png) [@luis.morales](https://forum.inductiveautomation.com/u/luis.morales)\
**Post date:** [August 4, 2026, 8:56pm UTC](https://forum.inductiveautomation.com/t/creating-a-break-in-line-in-xychart-for-perspective-page/116657/1 "2026-08-04T20:56:23Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/6/86267b0ad82d031ccd7f946df50868fe2d627afd.png)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.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/4/c4145cbd00b0b1e2e53c2a8e5447c3fc3855f64a.png)does anyone know how i can achieve this? Will I have to create a series every two points?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [August 4, 2026, 10:32pm UTC](https://forum.inductiveautomation.com/t/creating-a-break-in-line-in-xychart-for-perspective-page/116657/2 "2026-08-04T22:32:24Z")

</div>

I would be using an svg there and driving the d path itself with a script, or animating the visibility if you're able to hard code the lines