# \[XY Chart\] Line from series - connected, overlapping, crossing

**URL:** <https://forum.inductiveautomation.com/t/xy-chart-line-from-series-connected-overlapping-crossing/74871>\
**Category:** Ignition\
**Created:** [June 10, 2023, 8:49am UTC](https://forum.inductiveautomation.com/t/xy-chart-line-from-series-connected-overlapping-crossing/74871 "2023-06-10T08:49:32Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Marc.Akoto](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/marc.akoto/32/19291_2.png) [@Marc.Akoto](https://forum.inductiveautomation.com/u/Marc.Akoto)\
**Post date:** [June 10, 2023, 8:49am UTC](https://forum.inductiveautomation.com/t/xy-chart-line-from-series-connected-overlapping-crossing/74871/1 "2023-06-10T08:49:32Z")

</div>

Hi,  
On an XY Chart, I've got a strange behavior for the lines from my series :

- the line sometimes connects non-consecutive data points, creating overlapping/crossing lines

Below is the summary code for my chart.  
And the source dataset : [dataset\_moy\_cintre\_num\_panneau.txt](https://forum.inductiveautomation.com/uploads/short-url/oT0LRIiWcqIDbsV4YQ4RTAHBaNl.txt) (17.6 KB)

Thanks in advance for any advice

 ![overlapping line XY chart](https://us1.discourse-cdn.com/inductiveautomation/original/3X/9/c/9c12fd6714b60bc191d783ff8c0afd0775ee62a6.png)

> **Summary**
>
> [  
> {  
> "type": "ia.chart.xy",  
> "version": 0,  
> "props": {  
> "legend": {  
> "position": "top"  
> },  
> "xAxes": [  
> {  
> "name": "num\_panneau",  
> "label": {  
> "enabled": true,  
> "text": "num\_panneau",  
> "color": ""  
> },  
> "visible": true,  
> "tooltip": {  
> "enabled": true,  
> "text": "",  
> "cornerRadius": 3,  
> "pointerLength": 4,  
> "background": {  
> "color": "",  
> "opacity": 1  
> }  
> },  
> "inversed": true,  
> "render": "value",  
> "category": {  
> "break": {  
> "enabled": false,  
> "startCategory": "",  
> "endCategory": "",  
> "size": 0.05  
> }  
> },  
> "date": {  
> "baseInterval": {  
> "enabled": false,  
> "timeUnit": "hour",  
> "count": 1,  
> "skipEmptyPeriods": false  
> },  
> "range": {  
> "max": "",  
> "min": "",  
> "useStrict": false  
> },  
> "break": {  
> "enabled": false,  
> "startDate": "",  
> "endDate": "",  
> "size": 0.05  
> },  
> "inputFormat": "yyyy-MM-dd kk:mm:ss",  
> "format": "M/d"  
> },  
> "value": {  
> "range": {  
> "max": "",  
> "min": "",  
> "useStrict": false  
> },  
> "logarithmic": false,  
> "break": {  
> "enabled": false,  
> "startValue": 0,  
> "endValue": 100,  
> "size": 0.05  
> },  
> "format": "#,###"  
> },  
> "appearance": {  
> "opposite": false,  
> "inside": false,  
> "labels": {  
> "color": "",  
> "opacity": 1,  
> "rotation": 90,  
> "verticalCenter": "middle",  
> "horizontalCenter": "middle"  
> },  
> "grid": {  
> "color": "",  
> "opacity": 1,  
> "dashArray": "",  
> "minDistance": 10,  
> "position": 0.5  
> },  
> "font": {  
> "size": 12,  
> "weight": 500  
> }  
> }  
> }  
> ],  
> "yAxes": [  
> {  
> "name": "moy\_cintre",  
> "label": {  
> "enabled": true,  
> "text": "Cintre Moyen",  
> "color": ""  
> },  
> "visible": true,  
> "tooltip": {  
> "enabled": true,  
> "text": "",  
> "cornerRadius": 3,  
> "pointerLength": 4,  
> "background": {  
> "color": "",  
> "opacity": 1  
> }  
> },  
> "inversed": false,  
> "render": "value",  
> "category": {  
> "break": {  
> "enabled": false,  
> "startCategory": "",  
> "endCategory": "",  
> "size": 0.05  
> }  
> },  
> "date": {  
> "baseInterval": {  
> "enabled": false,  
> "timeUnit": "hour",  
> "count": 1,  
> "skipEmptyPeriods": false  
> },  
> "range": {  
> "max": "",  
> "min": "",  
> "useStrict": false  
> },  
> "break": {  
> "enabled": false,  
> "startDate": "",  
> "endDate": "",  
> "size": 0.05  
> },  
> "inputFormat": "yyyy-MM-dd kk:mm:ss",  
> "format": "M/d/yyyy HH:mm:ss"  
> },  
> "value": {  
> "range": {  
> "max": 0.5,  
> "min": -0.5,  
> "useStrict": false  
> },  
> "logarithmic": false,  
> "break": {  
> "enabled": false,  
> "startValue": 0,  
> "endValue": 100,  
> "size": 0.05  
> },  
> "format": "#,###.##"  
> },  
> "appearance": {  
> "opposite": false,  
> "inside": false,  
> "labels": {  
> "color": "",  
> "opacity": 1,  
> "rotation": 0,  
> "verticalCenter": "middle",  
> "horizontalCenter": "middle"  
> },  
> "grid": {  
> "color": "",  
> "opacity": 1,  
> "dashArray": "",  
> "minDistance": null,  
> "position": 0.5  
> },  
> "font": {  
> "size": "",  
> "weight": 500  
> }  
> }  
> }  
> ],  
> "series": [  
> {  
> "name": "moy\_cintre",  
> "label": {  
> "text": "Cintre Moyen"  
> },  
> "visible": true,  
> "hiddenInLegend": false,  
> "defaultState": {  
> "visible": true  
> },  
> "data": {  
> "source": "ds0",  
> "x": "num\_panneau",  
> "y": "moy\_cintre"  
> },  
> "xAxis": "num\_panneau",  
> "yAxis": "moy\_cintre",  
> "zIndex": 0,  
> "tooltip": {  
> "enabled": true,  
> "text": "{name}: [bold]{valueY}[/]",  
> "cornerRadius": 3,  
> "pointerLength": 4,  
> "background": {  
> "color": "",  
> "opacity": 1  
> }  
> },  
> "render": "line",  
> "candlestick": {  
> "open": {  
> "x": "",  
> "y": ""  
> },  
> "high": {  
> "x": "",  
> "y": ""  
> },  
> "low": {  
> "x": "",  
> "y": ""  
> },  
> "appearance": {  
> "fill": {  
> "color": "",  
> "opacity": 1  
> },  
> "stroke": {  
> "color": "",  
> "opacity": 1,  
> "width": 1  
> },  
> "stacked": false,  
> "deriveFieldsFromData": {  
> "fill": {  
> "color": "",  
> "opacity": ""  
> },  
> "stroke": {  
> "color": "",  
> "opacity": "",  
> "width": ""  
> }  
> },  
> "heatRules": {  
> "enabled": false,  
> "max": "",  
> "min": "",  
> "dataField": ""  
> }  
> }  
> },  
> "column": {  
> "open": {  
> "x": "",  
> "y": ""  
> },  
> "appearance": {  
> "fill": {  
> "color": "",  
> "opacity": 1  
> },  
> "stroke": {  
> "color": "",  
> "opacity": 1,  
> "width": 1  
> },  
> "stacked": false,  
> "width": null,  
> "height": null,  
> "deriveFieldsFromData": {  
> "fill": {  
> "color": "",  
> "opacity": ""  
> },  
> "stroke": {  
> "color": "",  
> "opacity": "",  
> "width": ""  
> }  
> },  
> "heatRules": {  
> "enabled": false,  
> "max": "",  
> "min": "",  
> "dataField": ""  
> }  
> }  
> },  
> "line": {  
> "open": {  
> "x": "",  
> "y": ""  
> },  
> "appearance": {  
> "connect": false,  
> "tensionX": 1,  
> "tensionY": 1,  
> "minDistance": 0.5,  
> "stroke": {  
> "width": 3,  
> "opacity": 1,  
> "color": "",  
> "dashArray": ""  
> },  
> "fill": {  
> "opacity": 0,  
> "color": ""  
> },  
> "bullets": [  
> {  
> "enabled": false,  
> "render": "circle",  
> "width": 10,  
> "height": 10,  
> "label": {  
> "text": "{value}",  
> "position": {  
> "dx": 0,  
> "dy": 0  
> }  
> },  
> "fill": {  
> "color": "",  
> "opacity": 1  
> },  
> "stroke": {  
> "color": "",  
> "opacity": 1,  
> "width": 1  
> },  
> "rotation": 0,  
> "tooltip": {  
> "enabled": true,  
> "text": "{name}: [bold]{valueY}[/]",  
> "cornerRadius": 3,  
> "pointerLength": 4,  
> "background": {  
> "color": "",  
> "opacity": 1  
> }  
> },  
> "deriveFieldsFromData": {  
> "fill": {  
> "color": "",  
> "opacity": ""  
> },  
> "stroke": {  
> "color": "",  
> "opacity": "",  
> "width": ""  
> },  
> "rotation": ""  
> },  
> "heatRules": {  
> "enabled": false,  
> "max": 100,  
> "min": 2,  
> "dataField": ""  
> }  
> }  
> ]  
> }  
> },  
> "stepLine": {  
> "open": {  
> "x": "",  
> "y": ""  
> },  
> "appearance": {  
> "connect": true,  
> "tensionX": 1,  
> "tensionY": 1,  
> "minDistance": 0.5,  
> "stroke": {  
> "width": 3,  
> "opacity": 1,  
> "color": "",  
> "dashArray": ""  
> },  
> "fill": {  
> "opacity": 0,  
> "color": ""  
> },  
> "bullets": [  
> {  
> "enabled": true,  
> "render": "circle",  
> "width": 10,  
> "height": 10,  
> "label": {  
> "text": "{value}",  
> "position": {  
> "dx": 0,  
> "dy": 0  
> }  
> },  
> "fill": {  
> "color": "",  
> "opacity": 1  
> },  
> "stroke": {  
> "color": "",  
> "opacity": 1,  
> "width": 1  
> },  
> "rotation": 0,  
> "tooltip": {  
> "enabled": true,  
> "text": "{name}: [bold]{valueY}[/]",  
> "cornerRadius": 3,  
> "pointerLength": 4,  
> "background": {  
> "color": "",  
> "opacity": 1  
> }  
> },  
> "deriveFieldsFromData": {  
> "fill": {  
> "color": "",  
> "opacity": ""  
> },  
> "stroke": {  
> "color": "",  
> "opacity": "",  
> "width": ""  
> },  
> "rotation": ""  
> },  
> "heatRules": {  
> "enabled": false,  
> "max": 100,  
> "min": 2,  
> "dataField": ""  
> }  
> }  
> ]  
> }  
> }  
> }  
> ],  
> "dataSources": {}  
> },  
> "meta": {  
> "name": "cintre"  
> },  
> "position": {  
> "x": 31.43,  
> "y": 193.01,  
> "height": 231,  
> "width": 1148  
> },  
> "custom": {},  
> "propConfig": {  
> "props.dataSources.ds0": {  
> "binding": {  
> "config": {  
> "path": "parent.custom.moyennes\_machine\_timeslot\_OF"  
> },  
> "type": "property"  
> }  
> }  
> }  
> }  
> ]

---

<div class="post-metadata">

**Author:** ![JordanCClark](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jordancclark/32/83362_2.png) [@JordanCClark](https://forum.inductiveautomation.com/u/JordanCClark)\
**Post date:** [June 10, 2023, 9:25am UTC](https://forum.inductiveautomation.com/t/xy-chart-line-from-series-connected-overlapping-crossing/74871/3 "2023-06-10T09:25:47Z")

</div>

You will need to sort the dataset by num\_panneau, as you are using it for the domain.

You can see where it jumps from 75 to 197 in the graph.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/c/3c7d77ce15805ba00bacce2431bb102ca2a7b1d5.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/5/b5ca2c9f545262ca25e1918fd0c94b087522da39.png)

And again from 96 to 74

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/9/09f56c80fd07f594dfc9b53305eaa263ce7e5ef3.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/6/06cd648734d331b08f736daa6cd2c158486578c8.png)

---

<div class="post-metadata">

**Author:** ![Marc.Akoto](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/marc.akoto/32/19291_2.png) [@Marc.Akoto](https://forum.inductiveautomation.com/u/Marc.Akoto)\
**Post date:** [June 10, 2023, 5:57pm UTC](https://forum.inductiveautomation.com/t/xy-chart-line-from-series-connected-overlapping-crossing/74871/4 "2023-06-10T17:57:26Z")

</div>

It looks much better now, thanks @JordanCClark for your sharp eye !

 ![XY_chart_dataset_sorted](https://us1.discourse-cdn.com/inductiveautomation/original/3X/7/e/7eb95ca9e9db018480b325d29fc8aad1c9855643.png)