# XY chart data not display correctly

**URL:** <https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [March 2, 2022, 9:49am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705 "2022-03-02T09:49:17Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![user95](https://avatars.discourse-cdn.com/v4/letter/u/bbe5ce/32.png) [@user95](https://forum.inductiveautomation.com/u/user95)\
**Post date:** [March 2, 2022, 9:49am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/1 "2022-03-02T09:49:17Z")

</div>

In xy chart i need to display every day data but it display data combining not day wise.

 ![Annotation 2022-03-02 151650](https://us1.discourse-cdn.com/inductiveautomation/original/3X/6/8/6808daab5857ac9723547dd2c63f8be6815ec661.jpeg)

---

<div class="post-metadata">

**Author:** ![pascal.fragnoud](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pascal.fragnoud/32/24728_2.png) [@pascal.fragnoud](https://forum.inductiveautomation.com/u/pascal.fragnoud)\
**Post date:** [March 2, 2022, 10:22am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/2 "2022-03-02T10:22:27Z")

</div>

How are your data sources configured ?

---

<div class="post-metadata">

**Author:** ![user95](https://avatars.discourse-cdn.com/v4/letter/u/bbe5ce/32.png) [@user95](https://forum.inductiveautomation.com/u/user95)\
**Post date:** [March 2, 2022, 10:46am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/3 "2022-03-02T10:46:33Z")

</div>

data source we write a query to get day wise data of energy consumption

 ![Annotation 2022-03-02 161557](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/e/8e88b84e9fc475fb3d6864ac70456f5f66ca514f.jpeg)

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [March 2, 2022, 11:14am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/4 "2022-03-02T11:14:56Z")

</div>

Paste in your code for the XY Chart.

1. In _Designer_, right click on the chart and select copy.
2. Click the gear icon on the forum editor and select _Hide Details_.
3. Inside that press the `</>` code formatting icon.
4. Paste the code in there.

You should see something like this prior to posting the code. (Backticks have been replaced by apostrophes for the demo.)

```auto
'''
[details="Summary"]
'''
type or paste code here
'''
[/details]
'''

```

This will result in a very tidy post with a dropdown as shown below and nicely formatted dictionary inside it.

> **Summary**
>
> ```auto
> type or paste code here
> 
> ```

---

<div class="post-metadata">

**Author:** ![user95](https://avatars.discourse-cdn.com/v4/letter/u/bbe5ce/32.png) [@user95](https://forum.inductiveautomation.com/u/user95)\
**Post date:** [March 2, 2022, 11:38am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/5 "2022-03-02T11:38:10Z")

</div>

> **Summary**
>
> [  
> {  
> “type”: “ia.chart.xy”,  
> “version”: 0,  
> “props”: {  
> “title”: {  
> “text”: “Day Energy Monitor”  
> },  
> “xAxes”: [  
> {  
> “name”: “time”,  
> “label”: {  
> “enabled”: true,  
> “text”: “Day”,  
> “color”: “”  
> },  
> “visible”: true,  
> “tooltip”: {  
> “enabled”: true,  
> “text”: “”,  
> “cornerRadius”: 3,  
> “pointerLength”: 4,  
> “background”: {  
> “color”: “”,  
> “opacity”: 1  
> }  
> },  
> “inversed”: false,  
> “render”: “date”,  
> “category”: {  
> “break”: {  
> “enabled”: false,  
> “startCategory”: “”,  
> “endCategory”: “”,  
> “size”: 0.05  
> }  
> },  
> “date”: {  
> “baseInterval”: {  
> “enabled”: true,  
> “timeUnit”: “day”,  
> “count”: 1,  
> “skipEmptyPeriods”: false  
> },  
> “range”: {  
> “max”: “”,  
> “min”: “”,  
> “useStrict”: false  
> },  
> “break”: {  
> “enabled”: false,  
> “startDate”: “”,  
> “endDate”: “”,  
> “size”: 0.05  
> },  
> “inputFormat”: “M/d/yyyy HH:mm:ss”,  
> “format”: “d/M/yy”  
> },  
> “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  
> },  
> “grid”: {  
> “color”: “”,  
> “opacity”: 0,  
> “dashArray”: “”,  
> “minDistance”: 60,  
> “position”: 0.5  
> },  
> “font”: {  
> “size”: 9,  
> “weight”: 1000  
> }  
> }  
> }  
> ],  
> “yAxes”: [  
> {  
> “name”: “D”,  
> “label”: {  
> “enabled”: true,  
> “text”: “KWH”,  
> “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”: true,  
> “timeUnit”: “day”,  
> “count”: 1,  
> “skipEmptyPeriods”: true  
> },  
> “range”: {  
> “max”: “”,  
> “min”: “”,  
> “useStrict”: false  
> },  
> “break”: {  
> “enabled”: false,  
> “startDate”: “”,  
> “endDate”: “”,  
> “size”: 0.05  
> },  
> “inputFormat”: “yyyy-MM-dd kk:mm:ss”,  
> “format”: “HH:mm:ss a”  
> },  
> “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  
> },  
> “grid”: {  
> “color”: “”,  
> “opacity”: 0,  
> “dashArray”: “”,  
> “minDistance”: null,  
> “position”: 0.5  
> },  
> “font”: {  
> “size”: 10,  
> “weight”: 500  
> }  
> }  
> }  
> ],  
> “series”: [  
> {  
> “name”: “Diff”,  
> “label”: {  
> “text”: “KWH”  
> },  
> “visible”: true,  
> “hiddenInLegend”: false,  
> “defaultState”: {  
> “visible”: true  
> },  
> “data”: {  
> “source”: “example”,  
> “x”: “time”,  
> “y”: “Diff”  
> },  
> “xAxis”: “time”,  
> “yAxis”: “D”,  
> “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”: true,  
> “tensionX”: 1,  
> “tensionY”: 1,  
> “minDistance”: 0.1,  
> “stroke”: {  
> “width”: 3,  
> “opacity”: 1,  
> “color”: “”,  
> “dashArray”: “”  
> },  
> “fill”: {  
> “opacity”: 0,  
> “color”: “#4747FF”  
> },  
> “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}[/]\nDate: [bold]{dateX}[/]”,  
> “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”: “”  
> }  
> }  
> ]  
> }  
> }  
> },  
> {  
> “candlestick”: {  
> “appearance”: {  
> “deriveFieldsFromData”: {  
> “fill”: {  
> “color”: “”,  
> “opacity”: “”  
> },  
> “stroke”: {  
> “color”: “”,  
> “opacity”: “”,  
> “width”: “”  
> }  
> },  
> “fill”: {  
> “color”: “”,  
> “opacity”: 1  
> },  
> “heatRules”: {  
> “dataField”: “”,  
> “enabled”: false,  
> “max”: “”,  
> “min”: “”  
> },  
> “stacked”: false,  
> “stroke”: {  
> “color”: “”,  
> “opacity”: 1,  
> “width”: 1  
> }  
> },  
> “high”: {  
> “x”: “”,  
> “y”: “”  
> },  
> “low”: {  
> “x”: “”,  
> “y”: “”  
> },  
> “open”: {  
> “x”: “”,  
> “y”: “”  
> }  
> },  
> “column”: {  
> “appearance”: {  
> “deriveFieldsFromData”: {  
> “fill”: {  
> “color”: “”,  
> “opacity”: “”  
> },  
> “stroke”: {  
> “color”: “”,  
> “opacity”: “”,  
> “width”: “”  
> }  
> },  
> “fill”: {  
> “color”: “”,  
> “opacity”: 1  
> },  
> “heatRules”: {  
> “dataField”: “”,  
> “enabled”: false,  
> “max”: “”,  
> “min”: “”  
> },  
> “height”: null,  
> “stacked”: false,  
> “stroke”: {  
> “color”: “”,  
> “opacity”: 1,  
> “width”: 1  
> },  
> “width”: null  
> },  
> “open”: {  
> “x”: “”,  
> “y”: “”  
> }  
> },  
> “data”: {  
> “source”: “example”,  
> “x”: “time”,  
> “y”: “energy”  
> },  
> “defaultState”: {  
> “visible”: true  
> },  
> “hiddenInLegend”: false,  
> “label”: {  
> “text”: “KWH”  
> },  
> “line”: {  
> “appearance”: {  
> “bullets”: [  
> {  
> “deriveFieldsFromData”: {  
> “fill”: {  
> “color”: “”,  
> “opacity”: “”  
> },  
> “rotation”: “”,  
> “stroke”: {  
> “color”: “”,  
> “opacity”: “”,  
> “width”: “”  
> }  
> },  
> “enabled”: true,  
> “fill”: {  
> “color”: “”,  
> “opacity”: 1  
> },  
> “heatRules”: {  
> “dataField”: “”,  
> “enabled”: false,  
> “max”: 100,  
> “min”: 2  
> },  
> “height”: 10,  
> “label”: {  
> “position”: {  
> “dx”: 0,  
> “dy”: 0  
> },  
> “text”: “{value}”  
> },  
> “render”: “circle”,  
> “rotation”: 0,  
> “stroke”: {  
> “color”: “”,  
> “opacity”: 1,  
> “width”: 1  
> },  
> “tooltip”: {  
> “background”: {  
> “color”: “”,  
> “opacity”: 1  
> },  
> “cornerRadius”: 3,  
> “enabled”: true,  
> “pointerLength”: 4,  
> “text”: “{name}: [bold]{valueY}[/]\nDate: [bold]{dateX}[/]”  
> },  
> “width”: 10  
> }  
> ],  
> “connect”: true,  
> “fill”: {  
> “color”: “#FF0000”,  
> “opacity”: 0  
> },  
> “minDistance”: 0.5,  
> “stroke”: {  
> “color”: “#FF0000”,  
> “dashArray”: “”,  
> “opacity”: 1,  
> “width”: 3  
> },  
> “tensionX”: 1,  
> “tensionY”: 1  
> },  
> “open”: {  
> “x”: “”,  
> “y”: “”  
> }  
> },  
> “name”: “energy”,  
> “render”: “line”,  
> “stepLine”: {  
> “appearance”: {  
> “bullets”: [  
> {  
> “deriveFieldsFromData”: {  
> “fill”: {  
> “color”: “”,  
> “opacity”: “”  
> },  
> “rotation”: “”,  
> “stroke”: {  
> “color”: “”,  
> “opacity”: “”,  
> “width”: “”  
> }  
> },  
> “enabled”: true,  
> “fill”: {  
> “color”: “”,  
> “opacity”: 1  
> },  
> “heatRules”: {  
> “dataField”: “”,  
> “enabled”: false,  
> “max”: 100,  
> “min”: 2  
> },  
> “height”: 10,  
> “label”: {  
> “position”: {  
> “dx”: 0,  
> “dy”: 0  
> },  
> “text”: “{value}”  
> },  
> “render”: “circle”,  
> “rotation”: 0,  
> “stroke”: {  
> “color”: “”,  
> “opacity”: 1,  
> “width”: 1  
> },  
> “tooltip”: {  
> “background”: {  
> “color”: “”,  
> “opacity”: 1  
> },  
> “cornerRadius”: 3,  
> “enabled”: true,  
> “pointerLength”: 4,  
> “text”: “{name}: [bold]{valueY}[/]”  
> },  
> “width”: 10  
> }  
> ],  
> “connect”: true,  
> “fill”: {  
> “color”: “”,  
> “opacity”: 0  
> },  
> “minDistance”: 0.5,  
> “stroke”: {  
> “color”: “”,  
> “dashArray”: “”,  
> “opacity”: 1,  
> “width”: 3  
> },  
> “tensionX”: 1,  
> “tensionY”: 1  
> },  
> “open”: {  
> “x”: “”,  
> “y”: “”  
> }  
> },  
> “tooltip”: {  
> “background”: {  
> “color”: “”,  
> “opacity”: 1  
> },  
> “cornerRadius”: 3,  
> “enabled”: true,  
> “pointerLength”: 4,  
> “text”: “{name}: [bold]{valueY}[/]”  
> },  
> “visible”: true,  
> “xAxis”: “time”,  
> “yAxis”: “D”,  
> “zIndex”: 1  
> }  
> ],  
> “style”: {  
> “backgroundColor”: “#FFFFFF”  
> },  
> “dataSources”: {}  
> },  
> “meta”: {  
> “name”: “XYChart”  
> },  
> “position”: {  
> “x”: 26,  
> “y”: 105,  
> “height”: 281,  
> “width”: 1235  
> },  
> “custom”: {},  
> “propConfig”: {  
> “props.dataSources.example”: {  
> “binding”: {  
> “config”: {  
> “parameters”: {  
> “bg”: “1”,  
> “ll”: “1”,  
> “pl”: “4”,  
> “sp”: “{[default]EMS/7DaysBefore.value}”,  
> “st”: “{[default]EMS/30daysBefore.value}”  
> },  
> “polling”: {  
> “enabled”: true,  
> “rate”: “30”  
> },  
> “queryPath”: “DayEnergyLimit”  
> },  
> “type”: “query”  
> }  
> }  
> }  
> }  
> ]

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [March 2, 2022, 11:44am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/6 "2022-03-02T11:44:43Z")

</div>

format plz

> [@Transistor](#):
>
> Inside that press the `</>` code formatting icon.

---

<div class="post-metadata">

**Author:** ![user95](https://avatars.discourse-cdn.com/v4/letter/u/bbe5ce/32.png) [@user95](https://forum.inductiveautomation.com/u/user95)\
**Post date:** [March 2, 2022, 11:47am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/7 "2022-03-02T11:47:02Z")

</div>

> **Summary**
>
> `[{ "type": "ia.chart.xy", "version": 0, "props": { "title": { "text": "Day Energy Monitor" }, "xAxes": [{ "name": "time", "label": { "enabled": true, "text": "Day", "color": "" }, "visible": true, "tooltip": { "enabled": true, "text": "", "cornerRadius": 3, "pointerLength": 4, "background": { "color": "", "opacity": 1 } }, "inversed": false, "render": "date", "category": { "break": { "enabled": false, "startCategory": "", "endCategory": "", "size": 0.05 } }, "date": { "baseInterval": { "enabled": true, "timeUnit": "day", "count": 1, "skipEmptyPeriods": false }, "range": { "max": "", "min": "", "useStrict": false }, "break": { "enabled": false, "startDate": "", "endDate": "", "size": 0.05 }, "inputFormat": "M/d/yyyy HH:mm:ss", "format": "d/M/yy" }, "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 }, "grid": { "color": "", "opacity": 0, "dashArray": "", "minDistance": 60, "position": 0.5 }, "font": { "size": 9, "weight": 1000 } } }], "yAxes": [{ "name": "D", "label": { "enabled": true, "text": "KWH", "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": true, "timeUnit": "day", "count": 1, "skipEmptyPeriods": true }, "range": { "max": "", "min": "", "useStrict": false }, "break": { "enabled": false, "startDate": "", "endDate": "", "size": 0.05 }, "inputFormat": "yyyy-MM-dd kk:mm:ss", "format": "HH:mm:ss a" }, "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 }, "grid": { "color": "", "opacity": 0, "dashArray": "", "minDistance": null, "position": 0.5 }, "font": { "size": 10, "weight": 500 } } }], "series": [{ "name": "Diff", "label": { "text": "KWH" }, "visible": true, "hiddenInLegend": false, "defaultState": { "visible": true }, "data": { "source": "example", "x": "time", "y": "Diff" }, "xAxis": "time", "yAxis": "D", "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": true, "tensionX": 1, "tensionY": 1, "minDistance": 0.1, "stroke": { "width": 3, "opacity": 1, "color": "", "dashArray": "" }, "fill": { "opacity": 0, "color": "#4747FF" }, "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}[/]\nDate: [bold]{dateX}[/]", "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": "" } } ] } } }, { "candlestick": { "appearance": { "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "stroke": { "color": "", "opacity": "", "width": "" } }, "fill": { "color": "", "opacity": 1 }, "heatRules": { "dataField": "", "enabled": false, "max": "", "min": "" }, "stacked": false, "stroke": { "color": "", "opacity": 1, "width": 1 } }, "high": { "x": "", "y": "" }, "low": { "x": "", "y": "" }, "open": { "x": "", "y": "" } }, "column": { "appearance": { "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "stroke": { "color": "", "opacity": "", "width": "" } }, "fill": { "color": "", "opacity": 1 }, "heatRules": { "dataField": "", "enabled": false, "max": "", "min": "" }, "height": null, "stacked": false, "stroke": { "color": "", "opacity": 1, "width": 1 }, "width": null }, "open": { "x": "", "y": "" } }, "data": { "source": "example", "x": "time", "y": "energy" }, "defaultState": { "visible": true }, "hiddenInLegend": false, "label": { "text": "KWH" }, "line": { "appearance": { "bullets": [{ "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "rotation": "", "stroke": { "color": "", "opacity": "", "width": "" } }, "enabled": true, "fill": { "color": "", "opacity": 1 }, "heatRules": { "dataField": "", "enabled": false, "max": 100, "min": 2 }, "height": 10, "label": { "position": { "dx": 0, "dy": 0 }, "text": "{value}" }, "render": "circle", "rotation": 0, "stroke": { "color": "", "opacity": 1, "width": 1 }, "tooltip": { "background": { "color": "", "opacity": 1 }, "cornerRadius": 3, "enabled": true, "pointerLength": 4, "text": "{name}: [bold]{valueY}[/]\nDate: [bold]{dateX}[/]" }, "width": 10 } ], "connect": true, "fill": { "color": "#FF0000", "opacity": 0 }, "minDistance": 0.5, "stroke": { "color": "#FF0000", "dashArray": "", "opacity": 1, "width": 3 }, "tensionX": 1, "tensionY": 1 }, "open": { "x": "", "y": "" } }, "name": "energy", "render": "line", "stepLine": { "appearance": { "bullets": [{ "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "rotation": "", "stroke": { "color": "", "opacity": "", "width": "" } }, "enabled": true, "fill": { "color": "", "opacity": 1 }, "heatRules": { "dataField": "", "enabled": false, "max": 100, "min": 2 }, "height": 10, "label": { "position": { "dx": 0, "dy": 0 }, "text": "{value}" }, "render": "circle", "rotation": 0, "stroke": { "color": "", "opacity": 1, "width": 1 }, "tooltip": { "background": { "color": "", "opacity": 1 }, "cornerRadius": 3, "enabled": true, "pointerLength": 4, "text": "{name}: [bold]{valueY}[/]" }, "width": 10 } ], "connect": true, "fill": { "color": "", "opacity": 0 }, "minDistance": 0.5, "stroke": { "color": "", "dashArray": "", "opacity": 1, "width": 3 }, "tensionX": 1, "tensionY": 1 }, "open": { "x": "", "y": "" } }, "tooltip": { "background": { "color": "", "opacity": 1 }, "cornerRadius": 3, "enabled": true, "pointerLength": 4, "text": "{name}: [bold]{valueY}[/]" }, "visible": true, "xAxis": "time", "yAxis": "D", "zIndex": 1 } ], "style": { "backgroundColor": "#FFFFFF" }, "dataSources": {} }, "meta": { "name": "XYChart" }, "position": { "x": 26, "y": 105, "height": 281, "width": 1235 }, "custom": {}, "propConfig": { "props.dataSources.example": { "binding": { "config": { "parameters": { "bg": "1", "ll": "1", "pl": "4", "sp": "{[default]EMS/7DaysBefore.value}", "st": "{[default]EMS/30daysBefore.value}" }, "polling": { "enabled": true, "rate": "30" }, "queryPath": "DayEnergyLimit" }, "type": "query" } } } } ]`

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [March 2, 2022, 12:05pm UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/8 "2022-03-02T12:05:16Z")

</div>

you might have to temporary disable the binding on datasources else it you copy the binding and not the data. and we dont have your tags^^

> [@user95](#):
>
> "propConfig": { "props.dataSources.example": { "binding": { "config": { "parameters": { "bg": "1", "ll": "1", "pl": "4", "sp": "{[default]EMS/7DaysBefore.value}", "st": "{[default]EMS/30daysBefore.value}" }, "polling": { "enabled": true, "rate": "30" }, "queryPath": "DayEnergyLimit" }, "type": "query" } } } }

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [March 2, 2022, 12:24pm UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/9 "2022-03-02T12:24:02Z")

</div>

You need to **format the code** using the `{}` button. It’s too hard to read if you don’t. Use the edit button (pencil icon) to edit your earlier post.

---

<div class="post-metadata">

**Author:** ![user95](https://avatars.discourse-cdn.com/v4/letter/u/bbe5ce/32.png) [@user95](https://forum.inductiveautomation.com/u/user95)\
**Post date:** [March 2, 2022, 12:41pm UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/10 "2022-03-02T12:41:37Z")

</div>

> **Summary**
>
> `[{ "type": "ia.chart.xy", "version": 0, "props": { "title": { "text": "Day Energy Monitor" }, "xAxes": [{ "name": "time", "label": { "enabled": true, "text": "Day", "color": "" }, "visible": true, "tooltip": { "enabled": true, "text": "", "cornerRadius": 3, "pointerLength": 4, "background": { "color": "", "opacity": 1 } }, "inversed": false, "render": "date", "category": { "break": { "enabled": false, "startCategory": "", "endCategory": "", "size": 0.05 } }, "date": { "baseInterval": { "enabled": true, "timeUnit": "day", "count": 1, "skipEmptyPeriods": true }, "range": { "max": "", "min": "", "useStrict": false }, "break": { "enabled": false, "startDate": "", "endDate": "", "size": 0.05 }, "inputFormat": "M/d/yyyy HH:mm:ss", "format": "d/M/yy" }, "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 }, "grid": { "color": "", "opacity": 0, "dashArray": "", "minDistance": 60, "position": 0.5 }, "font": { "size": 9, "weight": 1000 } } }], "yAxes": [{ "name": "Diff", "label": { "enabled": true, "text": "KWH", "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": true, "timeUnit": "day", "count": 1, "skipEmptyPeriods": true }, "range": { "max": "", "min": "", "useStrict": false }, "break": { "enabled": false, "startDate": "", "endDate": "", "size": 0.05 }, "inputFormat": "yyyy-MM-dd kk:mm:ss", "format": "HH:mm:ss a" }, "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 }, "grid": { "color": "", "opacity": 0, "dashArray": "", "minDistance": null, "position": 0.5 }, "font": { "size": 10, "weight": 500 } } }], "series": [{ "name": "Diff", "label": { "text": "KWH" }, "visible": true, "hiddenInLegend": false, "defaultState": { "visible": true }, "data": { "source": "example", "x": "time", "y": "Diff" }, "xAxis": "time", "yAxis": "Diff", "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 }, "width": null, "height": null, "stacked": false, "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "stroke": { "color": "", "opacity": "", "width": "" } }, "heatRules": { "enabled": false, "max": "", "min": "", "dataField": "" } } }, "line": { "open": { "x": "", "y": "" }, "appearance": { "connect": true, "tensionX": 1, "tensionY": 1, "minDistance": 0.5, "stroke": { "width": 3, "opacity": 1, "color": "", "dashArray": "" }, "fill": { "color": "", "opacity": 0 }, "bullets": [{ "enabled": true, "render": "circle", "width": 10, "height": 10, "label": { "text": "{value}", "position": { "dx": 0, "dy": 0 } }, "tooltip": { "enabled": true, "text": "{name}: [bold]{valueY}[/]\nDate: [bold]{dateX}[/]", "cornerRadius": 3, "pointerLength": 4, "background": { "color": "", "opacity": 1 } }, "fill": { "color": "", "opacity": 1 }, "stroke": { "color": "", "width": 1, "opacity": 1 }, "rotation": 0, "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": { "color": "", "opacity": 0 }, "bullets": [{ "enabled": true, "render": "circle", "width": 10, "height": 10, "label": { "text": "{value}", "position": { "dx": 0, "dy": 0 } }, "tooltip": { "enabled": true, "text": "{name}: [bold]{valueY}[/]", "cornerRadius": 3, "pointerLength": 4, "background": { "color": "", "opacity": 1 } }, "fill": { "color": "", "opacity": 1 }, "stroke": { "color": "", "width": 1, "opacity": 1 }, "rotation": 0, "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "stroke": { "color": "", "opacity": "", "width": "" }, "rotation": "" }, "heatRules": { "enabled": false, "max": 100, "min": 2, "dataField": "" } } ] } } }, { "name": "Energy", "label": { "text": "" }, "visible": true, "hiddenInLegend": false, "defaultState": { "visible": true }, "data": { "source": "Example1", "x": "time", "y": "Energy" }, "xAxis": "time", "yAxis": "Diff", "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": true, "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": "" } } ] } } } ], "style": { "backgroundColor": "#FFFFFF" }, "dataSources": {} }, "meta": { "name": "XYChart_0" }, "position": { "x": 4, "y": 418, "height": 281, "width": 1235 }, "custom": {}, "propConfig": { "props.dataSources.example": { "binding": { "type": "query", "config": { "parameters": { "bg": "{..../Dropdown.props.value}", "ll": "{..../Dropdown_1.props.value}", "pl": "{..../Dropdown_0.props.value}", "sp": "{..../DateTimeInput_0.props.value}", "st": "{..../DateTimeInput.props.value}" }, "polling": { "enabled": true, "rate": "1" }, "queryPath": "DayEnergy" } } } } } ]`

---

<div class="post-metadata">

**Author:** ![user95](https://avatars.discourse-cdn.com/v4/letter/u/bbe5ce/32.png) [@user95](https://forum.inductiveautomation.com/u/user95)\
**Post date:** [March 2, 2022, 1:04pm UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/12 "2022-03-02T13:04:17Z")

</div>

> **Summary**
>
> ```auto
> [{ "type": "ia.chart.xy", "version": 0, "props": { "title": { "text": "Day Energy Monitor" }, "xAxes": [{ "name": "time", "label": { "enabled": true, "text": "Day", "color": "" }, "visible": true, "tooltip": { "enabled": true, "text": "", "cornerRadius": 3, "pointerLength": 4, "background": { "color": "", "opacity": 1 } }, "inversed": false, "render": "date", "category": { "break": { "enabled": false, "startCategory": "", "endCategory": "", "size": 0.05 } }, "date": { "baseInterval": { "enabled": true, "timeUnit": "day", "count": 1, "skipEmptyPeriods": false }, "range": { "max": "", "min": "", "useStrict": false }, "break": { "enabled": false, "startDate": "", "endDate": "", "size": 0.05 }, "inputFormat": "M/d/yyyy HH:mm:ss", "format": "d/M/yy" }, "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 }, "grid": { "color": "", "opacity": 0, "dashArray": "", "minDistance": 60, "position": 0.5 }, "font": { "size": 9, "weight": 1000 } } }], "yAxes": [{ "name": "D", "label": { "enabled": true, "text": "KWH", "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": true, "timeUnit": "day", "count": 1, "skipEmptyPeriods": true }, "range": { "max": "", "min": "", "useStrict": false }, "break": { "enabled": false, "startDate": "", "endDate": "", "size": 0.05 }, "inputFormat": "yyyy-MM-dd kk:mm:ss", "format": "HH:mm:ss a" }, "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 }, "grid": { "color": "", "opacity": 0, "dashArray": "", "minDistance": null, "position": 0.5 }, "font": { "size": 10, "weight": 500 } } }], "series": [{ "name": "Diff", "label": { "text": "KWH" }, "visible": true, "hiddenInLegend": false, "defaultState": { "visible": true }, "data": { "source": "example", "x": "time", "y": "Diff" }, "xAxis": "time", "yAxis": "D", "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": true, "tensionX": 1, "tensionY": 1, "minDistance": 0.1, "stroke": { "width": 3, "opacity": 1, "color": "", "dashArray": "" }, "fill": { "opacity": 0, "color": "#4747FF" }, "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}[/]\nDate: [bold]{dateX}[/]", "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": "" } } ] } } }, { "candlestick": { "appearance": { "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "stroke": { "color": "", "opacity": "", "width": "" } }, "fill": { "color": "", "opacity": 1 }, "heatRules": { "dataField": "", "enabled": false, "max": "", "min": "" }, "stacked": false, "stroke": { "color": "", "opacity": 1, "width": 1 } }, "high": { "x": "", "y": "" }, "low": { "x": "", "y": "" }, "open": { "x": "", "y": "" } }, "column": { "appearance": { "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "stroke": { "color": "", "opacity": "", "width": "" } }, "fill": { "color": "", "opacity": 1 }, "heatRules": { "dataField": "", "enabled": false, "max": "", "min": "" }, "height": null, "stacked": false, "stroke": { "color": "", "opacity": 1, "width": 1 }, "width": null }, "open": { "x": "", "y": "" } }, "data": { "source": "example", "x": "time", "y": "energy" }, "defaultState": { "visible": true }, "hiddenInLegend": false, "label": { "text": "KWH" }, "line": { "appearance": { "bullets": [{ "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "rotation": "", "stroke": { "color": "", "opacity": "", "width": "" } }, "enabled": true, "fill": { "color": "", "opacity": 1 }, "heatRules": { "dataField": "", "enabled": false, "max": 100, "min": 2 }, "height": 10, "label": { "position": { "dx": 0, "dy": 0 }, "text": "{value}" }, "render": "circle", "rotation": 0, "stroke": { "color": "", "opacity": 1, "width": 1 }, "tooltip": { "background": { "color": "", "opacity": 1 }, "cornerRadius": 3, "enabled": true, "pointerLength": 4, "text": "{name}: [bold]{valueY}[/]\nDate: [bold]{dateX}[/]" }, "width": 10 } ], "connect": true, "fill": { "color": "#FF0000", "opacity": 0 }, "minDistance": 0.5, "stroke": { "color": "#FF0000", "dashArray": "", "opacity": 1, "width": 3 }, "tensionX": 1, "tensionY": 1 }, "open": { "x": "", "y": "" } }, "name": "energy", "render": "line", "stepLine": { "appearance": { "bullets": [{ "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "rotation": "", "stroke": { "color": "", "opacity": "", "width": "" } }, "enabled": true, "fill": { "color": "", "opacity": 1 }, "heatRules": { "dataField": "", "enabled": false, "max": 100, "min": 2 }, "height": 10, "label": { "position": { "dx": 0, "dy": 0 }, "text": "{value}" }, "render": "circle", "rotation": 0, "stroke": { "color": "", "opacity": 1, "width": 1 }, "tooltip": { "background": { "color": "", "opacity": 1 }, "cornerRadius": 3, "enabled": true, "pointerLength": 4, "text": "{name}: [bold]{valueY}[/]" }, "width": 10 } ], "connect": true, "fill": { "color": "", "opacity": 0 }, "minDistance": 0.5, "stroke": { "color": "", "dashArray": "", "opacity": 1, "width": 3 }, "tensionX": 1, "tensionY": 1 }, "open": { "x": "", "y": "" } }, "tooltip": { "background": { "color": "", "opacity": 1 }, "cornerRadius": 3, "enabled": true, "pointerLength": 4, "text": "{name}: [bold]{valueY}[/]" }, "visible": true, "xAxis": "time", "yAxis": "D", "zIndex": 1 } ], "style": { "backgroundColor": "#FFFFFF" }, "dataSources": {} }, "meta": { "name": "XYChart" }, "position": { "x": 26, "y": 105, "height": 281, "width": 1235 }, "custom": {}, "propConfig": { "props.dataSources.example": { "binding": { "config": { "parameters": { "bg": "1", "ll": "1", "pl": "4", "sp": "{[default]EMS/7DaysBefore.value}", "st": "{[default]EMS/30daysBefore.value}" }, "polling": { "enabled": true, "rate": "30" }, "queryPath": "DayEnergyLimit" }, "type": "query" } } } } ]
> 
> ```

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [March 2, 2022, 1:07pm UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/13 "2022-03-02T13:07:51Z")

</div>

Here is the correctly formatted data.

> **Summary**
>
> ```auto
> [{
> "type": "ia.chart.xy",
> "version": 0,
> "props": {
> "title": {
> "text": "Day Energy Monitor"
> },
> "xAxes": [{
> "name": "time",
> "label": {
> "enabled": true,
> "text": "Day",
> "color": ""
> },
> "visible": true,
> "tooltip": {
> "enabled": true,
> "text": "",
> "cornerRadius": 3,
> "pointerLength": 4,
> "background": {
> "color": "",
> "opacity": 1
> }
> },
> "inversed": false,
> "render": "date",
> "category": {
> "break": {
> "enabled": false,
> "startCategory": "",
> "endCategory": "",
> "size": 0.05
> }
> },
> "date": {
> "baseInterval": {
> "enabled": true,
> "timeUnit": "day",
> "count": 1,
> "skipEmptyPeriods": false
> },
> "range": {
> "max": "",
> "min": "",
> "useStrict": false
> },
> "break": {
> "enabled": false,
> "startDate": "",
> "endDate": "",
> "size": 0.05
> },
> "inputFormat": "M/d/yyyy HH:mm:ss",
> "format": "d/M/yy"
> },
> "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
> },
> "grid": {
> "color": "",
> "opacity": 0,
> "dashArray": "",
> "minDistance": 60,
> "position": 0.5
> },
> "font": {
> "size": 9,
> "weight": 1000
> }
> }
> }],
> "yAxes": [{
> "name": "D",
> "label": {
> "enabled": true,
> "text": "KWH",
> "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": true,
> "timeUnit": "day",
> "count": 1,
> "skipEmptyPeriods": true
> },
> "range": {
> "max": "",
> "min": "",
> "useStrict": false
> },
> "break": {
> "enabled": false,
> "startDate": "",
> "endDate": "",
> "size": 0.05
> },
> "inputFormat": "yyyy-MM-dd kk:mm:ss",
> "format": "HH:mm:ss a"
> },
> "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
> },
> "grid": {
> "color": "",
> "opacity": 0,
> "dashArray": "",
> "minDistance": null,
> "position": 0.5
> },
> "font": {
> "size": 10,
> "weight": 500
> }
> }
> }],
> "series": [{
> "name": "Diff",
> "label": {
> "text": "KWH"
> },
> "visible": true,
> "hiddenInLegend": false,
> "defaultState": {
> "visible": true
> },
> "data": {
> "source": "example",
> "x": "time",
> "y": "Diff"
> },
> "xAxis": "time",
> "yAxis": "D",
> "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": true,
> "tensionX": 1,
> "tensionY": 1,
> "minDistance": 0.1,
> "stroke": {
> "width": 3,
> "opacity": 1,
> "color": "",
> "dashArray": ""
> },
> "fill": {
> "opacity": 0,
> "color": "#4747FF"
> },
> "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}[/]\nDate: [bold]{dateX}[/]",
> "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": ""
> }
> }]
> }
> }
> }, {
> "candlestick": {
> "appearance": {
> "deriveFieldsFromData": {
> "fill": {
> "color": "",
> "opacity": ""
> },
> "stroke": {
> "color": "",
> "opacity": "",
> "width": ""
> }
> },
> "fill": {
> "color": "",
> "opacity": 1
> },
> "heatRules": {
> "dataField": "",
> "enabled": false,
> "max": "",
> "min": ""
> },
> "stacked": false,
> "stroke": {
> "color": "",
> "opacity": 1,
> "width": 1
> }
> },
> "high": {
> "x": "",
> "y": ""
> },
> "low": {
> "x": "",
> "y": ""
> },
> "open": {
> "x": "",
> "y": ""
> }
> },
> "column": {
> "appearance": {
> "deriveFieldsFromData": {
> "fill": {
> "color": "",
> "opacity": ""
> },
> "stroke": {
> "color": "",
> "opacity": "",
> "width": ""
> }
> },
> "fill": {
> "color": "",
> "opacity": 1
> },
> "heatRules": {
> "dataField": "",
> "enabled": false,
> "max": "",
> "min": ""
> },
> "height": null,
> "stacked": false,
> "stroke": {
> "color": "",
> "opacity": 1,
> "width": 1
> },
> "width": null
> },
> "open": {
> "x": "",
> "y": ""
> }
> },
> "data": {
> "source": "example",
> "x": "time",
> "y": "energy"
> },
> "defaultState": {
> "visible": true
> },
> "hiddenInLegend": false,
> "label": {
> "text": "KWH"
> },
> "line": {
> "appearance": {
> "bullets": [{
> "deriveFieldsFromData": {
> "fill": {
> "color": "",
> "opacity": ""
> },
> "rotation": "",
> "stroke": {
> "color": "",
> "opacity": "",
> "width": ""
> }
> },
> "enabled": true,
> "fill": {
> "color": "",
> "opacity": 1
> },
> "heatRules": {
> "dataField": "",
> "enabled": false,
> "max": 100,
> "min": 2
> },
> "height": 10,
> "label": {
> "position": {
> "dx": 0,
> "dy": 0
> },
> "text": "{value}"
> },
> "render": "circle",
> "rotation": 0,
> "stroke": {
> "color": "",
> "opacity": 1,
> "width": 1
> },
> "tooltip": {
> "background": {
> "color": "",
> "opacity": 1
> },
> "cornerRadius": 3,
> "enabled": true,
> "pointerLength": 4,
> "text": "{name}: [bold]{valueY}[/]\nDate: [bold]{dateX}[/]"
> },
> "width": 10
> }],
> "connect": true,
> "fill": {
> "color": "#FF0000",
> "opacity": 0
> },
> "minDistance": 0.5,
> "stroke": {
> "color": "#FF0000",
> "dashArray": "",
> "opacity": 1,
> "width": 3
> },
> "tensionX": 1,
> "tensionY": 1
> },
> "open": {
> "x": "",
> "y": ""
> }
> },
> "name": "energy",
> "render": "line",
> "stepLine": {
> "appearance": {
> "bullets": [{
> "deriveFieldsFromData": {
> "fill": {
> "color": "",
> "opacity": ""
> },
> "rotation": "",
> "stroke": {
> "color": "",
> "opacity": "",
> "width": ""
> }
> },
> "enabled": true,
> "fill": {
> "color": "",
> "opacity": 1
> },
> "heatRules": {
> "dataField": "",
> "enabled": false,
> "max": 100,
> "min": 2
> },
> "height": 10,
> "label": {
> "position": {
> "dx": 0,
> "dy": 0
> },
> "text": "{value}"
> },
> "render": "circle",
> "rotation": 0,
> "stroke": {
> "color": "",
> "opacity": 1,
> "width": 1
> },
> "tooltip": {
> "background": {
> "color": "",
> "opacity": 1
> },
> "cornerRadius": 3,
> "enabled": true,
> "pointerLength": 4,
> "text": "{name}: [bold]{valueY}[/]"
> },
> "width": 10
> }],
> "connect": true,
> "fill": {
> "color": "",
> "opacity": 0
> },
> "minDistance": 0.5,
> "stroke": {
> "color": "",
> "dashArray": "",
> "opacity": 1,
> "width": 3
> },
> "tensionX": 1,
> "tensionY": 1
> },
> "open": {
> "x": "",
> "y": ""
> }
> },
> "tooltip": {
> "background": {
> "color": "",
> "opacity": 1
> },
> "cornerRadius": 3,
> "enabled": true,
> "pointerLength": 4,
> "text": "{name}: [bold]{valueY}[/]"
> },
> "visible": true,
> "xAxis": "time",
> "yAxis": "D",
> "zIndex": 1
> }],
> "style": {
> "backgroundColor": "#FFFFFF"
> },
> "dataSources": {}
> },
> "meta": {
> "name": "XYChart"
> },
> "position": {
> "x": 26,
> "y": 105,
> "height": 281,
> "width": 1235
> },
> "custom": {},
> "propConfig": {
> "props.dataSources.example": {
> "binding": {
> "config": {
> "parameters": {
> "bg": "1",
> "ll": "1",
> "pl": "4",
> "sp": "{[default]EMS/7DaysBefore.value}",
> "st": "{[default]EMS/30daysBefore.value}"
> },
> "polling": {
> "enabled": true,
> "rate": "30"
> },
> "queryPath": "DayEnergyLimit"
> },
> "type": "query"
> }
> }
> }
> }]
> 
> ```

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [March 2, 2022, 2:08pm UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/14 "2022-03-02T14:08:56Z")

</div>

uff xd

> [@user95](#):
>
> `"propConfig": { "props.dataSources.example": { "binding":`

The binding is still enabled  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/e/2e186ca3bf313a1c4a7688bdde6730654bf78504.png)  
disable it here, apply and then copy it.

---

<div class="post-metadata">

**Author:** ![user95](https://avatars.discourse-cdn.com/v4/letter/u/bbe5ce/32.png) [@user95](https://forum.inductiveautomation.com/u/user95)\
**Post date:** [March 3, 2022, 6:24am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/15 "2022-03-03T06:24:34Z")

</div>

> **Summary**
>
> `[{ "type": "ia.chart.xy", "version": 0, "props": { "title": { "text": "Day Energy Monitor" }, "xAxes": [{ "name": "time", "label": { "enabled": true, "text": "Day", "color": "" }, "visible": true, "tooltip": { "enabled": true, "text": "", "cornerRadius": 3, "pointerLength": 4, "background": { "color": "", "opacity": 1 } }, "inversed": false, "render": "date", "category": { "break": { "enabled": false, "startCategory": "", "endCategory": "", "size": 0.05 } }, "date": { "baseInterval": { "enabled": true, "timeUnit": "day", "count": 1, "skipEmptyPeriods": true }, "range": { "max": "", "min": "", "useStrict": false }, "break": { "enabled": false, "startDate": "", "endDate": "", "size": 0.05 }, "inputFormat": "M/d/yyyy HH:mm:ss", "format": "d/M/yy" }, "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 }, "grid": { "color": "", "opacity": 0, "dashArray": "", "minDistance": 60, "position": 0.5 }, "font": { "size": 9, "weight": 1000 } } }], "yAxes": [{ "name": "Diff", "label": { "enabled": true, "text": "KWH", "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": true, "timeUnit": "day", "count": 1, "skipEmptyPeriods": true }, "range": { "max": "", "min": "", "useStrict": false }, "break": { "enabled": false, "startDate": "", "endDate": "", "size": 0.05 }, "inputFormat": "yyyy-MM-dd kk:mm:ss", "format": "HH:mm:ss a" }, "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 }, "grid": { "color": "", "opacity": 0, "dashArray": "", "minDistance": null, "position": 0.5 }, "font": { "size": 10, "weight": 500 } } }], "series": [{ "name": "Diff", "label": { "text": "KWH" }, "visible": true, "hiddenInLegend": false, "defaultState": { "visible": true }, "data": { "source": "example", "x": "time", "y": "Diff" }, "xAxis": "time", "yAxis": "Diff", "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 }, "width": null, "height": null, "stacked": false, "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "stroke": { "color": "", "opacity": "", "width": "" } }, "heatRules": { "enabled": false, "max": "", "min": "", "dataField": "" } } }, "line": { "open": { "x": "", "y": "" }, "appearance": { "connect": true, "tensionX": 1, "tensionY": 1, "minDistance": 0.5, "stroke": { "width": 3, "opacity": 1, "color": "", "dashArray": "" }, "fill": { "color": "", "opacity": 0 }, "bullets": [{ "enabled": true, "render": "circle", "width": 10, "height": 10, "label": { "text": "{value}", "position": { "dx": 0, "dy": 0 } }, "tooltip": { "enabled": true, "text": "{name}: [bold]{valueY}[/]\nDate: [bold]{dateX}[/]", "cornerRadius": 3, "pointerLength": 4, "background": { "color": "", "opacity": 1 } }, "fill": { "color": "", "opacity": 1 }, "stroke": { "color": "", "width": 1, "opacity": 1 }, "rotation": 0, "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": { "color": "", "opacity": 0 }, "bullets": [{ "enabled": true, "render": "circle", "width": 10, "height": 10, "label": { "text": "{value}", "position": { "dx": 0, "dy": 0 } }, "tooltip": { "enabled": true, "text": "{name}: [bold]{valueY}[/]", "cornerRadius": 3, "pointerLength": 4, "background": { "color": "", "opacity": 1 } }, "fill": { "color": "", "opacity": 1 }, "stroke": { "color": "", "width": 1, "opacity": 1 }, "rotation": 0, "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "stroke": { "color": "", "opacity": "", "width": "" }, "rotation": "" }, "heatRules": { "enabled": false, "max": 100, "min": 2, "dataField": "" } } ] } } }, { "name": "Energy", "label": { "text": "" }, "visible": true, "hiddenInLegend": false, "defaultState": { "visible": true }, "data": { "source": "example", "x": "time", "y": "Energy" }, "xAxis": "time", "yAxis": "diff", "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": true, "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": "" } } ] } } } ], "style": { "backgroundColor": "#FFFFFF" }, "dataSources": { "example": "value" } }, "meta": { "name": "XYChart_0" }, "position": { "x": 123, "y": 474.66700000000003, "height": 281, "width": 1235 }, "custom": {}, "propConfig": { "props.dataSources.example": { "binding": { "type": "query", "enabled": false, "config": { "polling": { "enabled": true, "rate": "1" }, "queryPath": "DayEnergy", "parameters": { "ll": "{..../Dropdown_1.props.value}", "st": "{..../DateTimeInput.props.value}", "bg": "{..../Dropdown.props.value}", "pl": "{..../Dropdown_0.props.value}", "sp": "{..../DateTimeInput_0.props.value}" } } } } } } ]`

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [March 3, 2022, 7:19am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/16 "2022-03-03T07:19:55Z")

</div>

Why have you posted unformatted code again? Did you preview it before posting?  
There is no comment or question in your post.

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [March 3, 2022, 7:30am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/17 "2022-03-03T07:30:04Z")

</div>

> [@user95](#):
>
> propConfig": { "props.dataSources.example": { "binding": { "type":

i mean...

---

<div class="post-metadata">

**Author:** ![user95](https://avatars.discourse-cdn.com/v4/letter/u/bbe5ce/32.png) [@user95](https://forum.inductiveautomation.com/u/user95)\
**Post date:** [March 3, 2022, 10:44am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/18 "2022-03-03T10:44:06Z")

</div>

I am not getting it what exactly you want.

---

<div class="post-metadata">

**Author:** ![user95](https://avatars.discourse-cdn.com/v4/letter/u/bbe5ce/32.png) [@user95](https://forum.inductiveautomation.com/u/user95)\
**Post date:** [March 3, 2022, 10:46am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/19 "2022-03-03T10:46:35Z")

</div>

> **Summary**
>
> `[{ "type": "ia.chart.xy", "version": 0, "props": { "title": { "text": "Day Energy Monitor" }, "xAxes": [{ "name": "time", "label": { "enabled": true, "text": "Day", "color": "" }, "visible": true, "tooltip": { "enabled": true, "text": "", "cornerRadius": 3, "pointerLength": 4, "background": { "color": "", "opacity": 1 } }, "inversed": false, "render": "date", "category": { "break": { "enabled": false, "startCategory": "", "endCategory": "", "size": 0.05 } }, "date": { "baseInterval": { "enabled": true, "timeUnit": "day", "count": 1, "skipEmptyPeriods": true }, "range": { "max": "", "min": "", "useStrict": false }, "break": { "enabled": false, "startDate": "", "endDate": "", "size": 0.05 }, "inputFormat": "M/d/yyyy HH:mm:ss", "format": "d/M/yy" }, "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 }, "grid": { "color": "", "opacity": 0, "dashArray": "", "minDistance": 60, "position": 0.5 }, "font": { "size": 9, "weight": 1000 } } }], "yAxes": [{ "name": "Diff", "label": { "enabled": true, "text": "KWH", "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": true, "timeUnit": "day", "count": 1, "skipEmptyPeriods": true }, "range": { "max": "", "min": "", "useStrict": false }, "break": { "enabled": false, "startDate": "", "endDate": "", "size": 0.05 }, "inputFormat": "yyyy-MM-dd kk:mm:ss", "format": "HH:mm:ss a" }, "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 }, "grid": { "color": "", "opacity": 0, "dashArray": "", "minDistance": null, "position": 0.5 }, "font": { "size": 10, "weight": 500 } } }], "series": [{ "name": "Diff", "label": { "text": "KWH" }, "visible": true, "hiddenInLegend": false, "defaultState": { "visible": true }, "data": { "source": "example", "x": "time", "y": "Diff" }, "xAxis": "time", "yAxis": "Diff", "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": 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}[/]\nDate: [bold]{dateX}[/]", "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": "" } } ] } } }, { "candlestick": { "appearance": { "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "stroke": { "color": "", "opacity": "", "width": "" } }, "fill": { "color": "", "opacity": 1 }, "heatRules": { "dataField": "", "enabled": false, "max": "", "min": "" }, "stacked": false, "stroke": { "color": "", "opacity": 1, "width": 1 } }, "high": { "x": "", "y": "" }, "low": { "x": "", "y": "" }, "open": { "x": "", "y": "" } }, "column": { "appearance": { "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "stroke": { "color": "", "opacity": "", "width": "" } }, "fill": { "color": "", "opacity": 1 }, "heatRules": { "dataField": "", "enabled": false, "max": "", "min": "" }, "height": null, "stacked": false, "stroke": { "color": "", "opacity": 1, "width": 1 }, "width": null }, "open": { "x": "", "y": "" } }, "data": { "source": "example", "x": "time", "y": "Energy" }, "defaultState": { "visible": true }, "hiddenInLegend": false, "label": { "text": "" }, "line": { "appearance": { "bullets": [{ "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "rotation": "", "stroke": { "color": "", "opacity": "", "width": "" } }, "enabled": false, "fill": { "color": "", "opacity": 1 }, "heatRules": { "dataField": "", "enabled": false, "max": 100, "min": 2 }, "height": 10, "label": { "position": { "dx": 0, "dy": 0 }, "text": "{value}" }, "render": "circle", "rotation": 0, "stroke": { "color": "", "opacity": 1, "width": 1 }, "tooltip": { "background": { "color": "", "opacity": 1 }, "cornerRadius": 3, "enabled": true, "pointerLength": 4, "text": "{name}: [bold]{valueY}[/]" }, "width": 10 } ], "connect": true, "fill": { "color": "", "opacity": 0 }, "minDistance": 0.5, "stroke": { "color": "", "dashArray": "", "opacity": 1, "width": 3 }, "tensionX": 1, "tensionY": 1 }, "open": { "x": "", "y": "" } }, "name": "Energy", "render": "line", "stepLine": { "appearance": { "bullets": [{ "deriveFieldsFromData": { "fill": { "color": "", "opacity": "" }, "rotation": "", "stroke": { "color": "", "opacity": "", "width": "" } }, "enabled": true, "fill": { "color": "", "opacity": 1 }, "heatRules": { "dataField": "", "enabled": false, "max": 100, "min": 2 }, "height": 10, "label": { "position": { "dx": 0, "dy": 0 }, "text": "{value}" }, "render": "circle", "rotation": 0, "stroke": { "color": "", "opacity": 1, "width": 1 }, "tooltip": { "background": { "color": "", "opacity": 1 }, "cornerRadius": 3, "enabled": true, "pointerLength": 4, "text": "{name}: [bold]{valueY}[/]" }, "width": 10 } ], "connect": true, "fill": { "color": "", "opacity": 0 }, "minDistance": 0.5, "stroke": { "color": "", "dashArray": "", "opacity": 1, "width": 3 }, "tensionX": 1, "tensionY": 1 }, "open": { "x": "", "y": "" } }, "tooltip": { "background": { "color": "", "opacity": 1 }, "cornerRadius": 3, "enabled": true, "pointerLength": 4, "text": "{name}: [bold]{valueY}[/]" }, "visible": true, "xAxis": "time", "yAxis": "diff", "zIndex": 0 } ], "style": { "backgroundColor": "#FFFFFF" }, "dataSources": { "example": "value" } }, "meta": { "name": "XYChart_0" }, "position": { "x": 123, "y": 474.66700000000003, "height": 281, "width": 1235 }, "custom": {}, "propConfig": { "props.dataSources.example": { "binding": { "type": "tag", "enabled": false, "config": { "mode": "direct", "tagPath": "", "fallbackDelay": 2.5 } } } } } ]`

---

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [March 3, 2022, 10:47am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/20 "2022-03-03T10:47:25Z")

</div>

i need data to be in there, not a binding

---

<div class="post-metadata">

**Author:** ![user95](https://avatars.discourse-cdn.com/v4/letter/u/bbe5ce/32.png) [@user95](https://forum.inductiveautomation.com/u/user95)\
**Post date:** [March 3, 2022, 10:47am UTC](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705/21 "2022-03-03T10:47:37Z")

</div>

![1](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/2/c28eb3223dd666eb04eafda9f084f7f2d784977b.jpeg)

[Next page](https://forum.inductiveautomation.com/t/xy-chart-data-not-display-correctly/56705.md?page=2)