# \[BUG-2363\] XY Chart - Component Error since 8.1.4

**URL:** <https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394>\
**Category:** Ignition\
**Created:** [April 8, 2021, 3:48pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394 "2021-04-08T15:48:53Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![calimero100582](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/calimero100582/32/18630_2.png) [@calimero100582](https://forum.inductiveautomation.com/u/calimero100582)\
**Post date:** [April 8, 2021, 3:48pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/1 "2021-04-08T15:48:53Z")

</div>

Anybody else have issue with XY chart since 8.1.4

I don’t know what the issue is exactly, but when I have an XY chart with a binding with a script for the moment, the chart sometimes display “Component Error” with the detail “Cannot read property ‘dataFields’ of undefined”. Most of the time, F5 fix the issue, but it’s annoying  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/0/3018c2b552a9fe1ce329207d78a1c1b4c8c8abe0.png)

---

<div class="post-metadata">

**Author:** ![lavi.ram86](https://avatars.discourse-cdn.com/v4/letter/l/58956e/32.png) [@lavi.ram86](https://forum.inductiveautomation.com/u/lavi.ram86)\
**Post date:** [April 12, 2021, 7:26am UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/2 "2021-04-12T07:26:02Z")

</div>

> [@calimero100582](#):
>
> Cannot read property ‘dataFields’ of undefined

I get this error also.  
didn't find the reason yet.

I use SQL query to get a dataset that is being updated.

if I use a different query (same data table but for an older data) it works fine

---

<div class="post-metadata">

**Author:** ![jasoncoope](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jasoncoope/32/18674_2.png) [@jasoncoope](https://forum.inductiveautomation.com/u/jasoncoope)\
**Post date:** [April 15, 2021, 5:23pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/3 "2021-04-15T17:23:22Z")

</div>

I have been having the exact same error. I have a ticket in with IA, but so far they haven’t figured out what is causing this. I’ll update this post when I find out more.

With the exact same data, sometimes it displays fine, sometimes it throws the component error

10:19:33.519 [Browser Thread: 59174] ERROR Perspective.Designer.Workspace - level: LEVEL\_ERROR  
message: “ui.ErrorBoundary: Component error caught in error boundary: undefined”  
line\_number: 12  
source: “[http://pctx312aigd02/res/perspective/js/PerspectiveClient.cf97d53d32860533ea6f.js](http://pctx312aigd02/res/perspective/js/PerspectiveClient.cf97d53d32860533ea6f.js)”

Full error is…

react-dom.production.min-16.11.0.js:112 TypeError: Cannot read property ‘dataFields’ of undefined  
at f.configureSeriesXAxis (PerspectiveAmCharts.528036012bc6470a4b58.js:16)  
at PerspectiveAmCharts.528036012bc6470a4b58.js:16  
at Array.forEach ()  
at f.updateAxis (PerspectiveAmCharts.528036012bc6470a4b58.js:16)  
at f.updateChart (PerspectiveAmCharts.528036012bc6470a4b58.js:16)  
at f.componentDidUpdate (PerspectiveAmCharts.528036012bc6470a4b58.js:16)  
at Pj (react-dom.production.min-16.11.0.js:158)  
at unstable\_runWithPriority (react.production.min-16.11.0.js:25)  
at pb (react-dom.production.min-16.11.0.js:59)  
at Ma (react-dom.production.min-16.11.0.js:151)  
Re @ react-dom.production.min-16.11.0.js:112  
Ph.f.componentDidCatch.c.callback @ react-dom.production.min-16.11.0.js:124  
bh @ react-dom.production.min-16.11.0.js:68  
ah @ react-dom.production.min-16.11.0.js:67  
Pj @ react-dom.production.min-16.11.0.js:158  
unstable\_runWithPriority @ react.production.min-16.11.0.js:25  
pb @ react-dom.production.min-16.11.0.js:59  
Ma @ react-dom.production.min-16.11.0.js:151  
We @ react-dom.production.min-16.11.0.js:132  
(anonymous) @ react-dom.production.min-16.11.0.js:60  
unstable\_runWithPriority @ react.production.min-16.11.0.js:25  
pb @ react-dom.production.min-16.11.0.js:59  
Rg @ react-dom.production.min-16.11.0.js:60  
ca @ react-dom.production.min-16.11.0.js:60  
Ja @ react-dom.production.min-16.11.0.js:226  
enqueueSetState @ react-dom.production.min-16.11.0.js:216  
m.setState @ react.production.min-16.11.0.js:21  
onPropPropsChange @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
(anonymous) @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
H.notifyListeners @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
(anonymous) @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
setTimeout (async)  
(anonymous) @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
update @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
assignOwnUpdates @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
dispatchUpdates @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
dispatchUpdates @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
dispatchUpdates @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
dispatchUpdates @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
(anonymous) @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
applyPropertyUpdates @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
(anonymous) @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
applyPropertyUpdates @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
processMessage @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
PerspectiveClient.cf97d53d32860533ea6f.js:12 ui.ErrorBoundary: Component error caught in error boundary: undefined  
p.cerror @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
p.sendLogItemsConsole @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
n.sendBatch @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
n.sendBatchIfComplete @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
n.log @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
e.log @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
e.error @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
componentDidCatch @ PerspectiveClient.cf97d53d32860533ea6f.js:17  
Ph.f.componentDidCatch.c.callback @ react-dom.production.min-16.11.0.js:124  
bh @ react-dom.production.min-16.11.0.js:68  
ah @ react-dom.production.min-16.11.0.js:67  
Pj @ react-dom.production.min-16.11.0.js:158  
unstable\_runWithPriority @ react.production.min-16.11.0.js:25  
pb @ react-dom.production.min-16.11.0.js:59  
Ma @ react-dom.production.min-16.11.0.js:151  
We @ react-dom.production.min-16.11.0.js:132  
(anonymous) @ react-dom.production.min-16.11.0.js:60  
unstable\_runWithPriority @ react.production.min-16.11.0.js:25  
pb @ react-dom.production.min-16.11.0.js:59  
Rg @ react-dom.production.min-16.11.0.js:60  
ca @ react-dom.production.min-16.11.0.js:60  
Ja @ react-dom.production.min-16.11.0.js:226  
enqueueSetState @ react-dom.production.min-16.11.0.js:216  
m.setState @ react.production.min-16.11.0.js:21  
onPropPropsChange @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
(anonymous) @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
H.notifyListeners @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
(anonymous) @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
setTimeout (async)  
(anonymous) @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
update @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
assignOwnUpdates @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
dispatchUpdates @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
dispatchUpdates @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
dispatchUpdates @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
dispatchUpdates @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
(anonymous) @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
applyPropertyUpdates @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
(anonymous) @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
applyPropertyUpdates @ PerspectiveClient.cf97d53d32860533ea6f.js:12  
processMessage @ PerspectiveClient.cf97d53d32860533ea6f.js:12

---

<div class="post-metadata">

**Author:** ![jasoncoope](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jasoncoope/32/18674_2.png) [@jasoncoope](https://forum.inductiveautomation.com/u/jasoncoope)\
**Post date:** [April 16, 2021, 2:13pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/4 "2021-04-16T14:13:18Z")

</div>

I narrowed down the problem and think I have a working solution. The error is being generated by something inside the series property settings. I changed my script to delete all series entries except the first one (so I don’t get a ‘No series configured’ error). I then build the rest of series json after I have updated all the datasources, and this seems to get rid of the ‘dataFields’ undefined’ error.

```
barChart.props.series = self.buildBarChartCountSeries() #Build the first datasource series
barChart.props.dataSources.distribution_data = popDataList
barChart.props.dataSources.count_data = barDataList		
barChart.props.dataSources.lcl_data = lcl_data	
barChart.props.dataSources.ucl_data = ucl_data
barChart.props.dataSources.mean_data = mean_data
barChart.props.dataSources.tgt_data = tgt_data
barChart.props.dataSources.sigma_1n_data = sigma_1n_data
barChart.props.dataSources.sigma_2n_data = sigma_2n_data
barChart.props.dataSources.sigma_3n_data = sigma_3n_data
barChart.props.dataSources.sigma_1p_data = sigma_1p_data
barChart.props.dataSources.sigma_2p_data = sigma_2p_data
barChart.props.dataSources.sigma_3p_data = sigma_3p_data

barChart.props.xAxes[0].value.range.max = maxRange
barChart.props.xAxes[0].value.range.min = minRange	
barChart.props.xAxes[1].value.range.max = maxRange
barChart.props.xAxes[1].value.range.min = minRange	

barChart.props.series = barChart.props.series + self.buildBarChartSeries() #Build other datasource series

```

It seems like a kluge, but has got rid of the dataFields error I was seeing before.

---

<div class="post-metadata">

**Author:** ![calimero100582](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/calimero100582/32/18630_2.png) [@calimero100582](https://forum.inductiveautomation.com/u/calimero100582)\
**Post date:** [April 29, 2021, 5:16pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/5 "2021-04-29T17:16:16Z")

</div>

I tried to work a bit around this, but I only have 1 serie, and it is static (no binding)  
I have a binding that modify the xAxes value range, and the datasource

---

<div class="post-metadata">

**Author:** ![calimero100582](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/calimero100582/32/18630_2.png) [@calimero100582](https://forum.inductiveautomation.com/u/calimero100582)\
**Post date:** [April 30, 2021, 2:06pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/6 "2021-04-30T14:06:48Z")

</div>

So I created a custom value, and used a binding with a transform script that replicate @jasoncoope behavior for my case. It dit improve, but what I found is, apparently, if the initial dataset contains “null” values, even in column that are not displayed, and that dataset is later updated with a dataset that does not contains “null” value, as the chart is crashed, it won’t recover

---

<div class="post-metadata">

**Author:** ![jasoncoope](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jasoncoope/32/18674_2.png) [@jasoncoope](https://forum.inductiveautomation.com/u/jasoncoope)\
**Post date:** [April 30, 2021, 5:49pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/7 "2021-04-30T17:49:52Z")

</div>

I have an open ticket in with IA for this. Ticket # is #13162. I’ll add your findings to the ticket.

---

<div class="post-metadata">

**Author:** ![ShaneH](https://avatars.discourse-cdn.com/v4/letter/s/3e96dc/32.png) [@ShaneH](https://forum.inductiveautomation.com/u/ShaneH)\
**Post date:** [June 4, 2021, 1:07pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/8 "2021-06-04T13:07:38Z")

</div>

Any update on this?

---

<div class="post-metadata">

**Author:** ![ShaneH](https://avatars.discourse-cdn.com/v4/letter/s/3e96dc/32.png) [@ShaneH](https://forum.inductiveautomation.com/u/ShaneH)\
**Post date:** [June 4, 2021, 3:23pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/9 "2021-06-04T15:23:51Z")

</div>

I’ve found that “pushing” the data to the dataSources property of the XY Chart seems to help.

That is, instead of putting a binding on the dataSources property that “pulls” the data in, I created a custom property that has a transform script to create the data and data structure, and then as a last step of the script does something like:

self.getChild(“XYChart”).props.dataSources.myData = myData

It’s a work around for sure, but seems to help with the spurious component errors.

HTH.  
-Shane

---

<div class="post-metadata">

**Author:** ![justin.casleton](https://avatars.discourse-cdn.com/v4/letter/j/c5a1d2/32.png) [@justin.casleton](https://forum.inductiveautomation.com/u/justin.casleton)\
**Post date:** [July 14, 2021, 2:15pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/10 "2021-07-14T14:15:48Z")

</div>

We just updated our dev server from 8.1.1 to 8.1.7 and are now having the same issue

---

<div class="post-metadata">

**Author:** ![jack.dessart](https://avatars.discourse-cdn.com/v4/letter/j/ad7895/32.png) [@jack.dessart](https://forum.inductiveautomation.com/u/jack.dessart)\
**Post date:** [July 28, 2021, 2:22pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/11 "2021-07-28T14:22:36Z")

</div>

any updates on this issue?

---

<div class="post-metadata">

**Author:** ![jasoncoope](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jasoncoope/32/18674_2.png) [@jasoncoope](https://forum.inductiveautomation.com/u/jasoncoope)\
**Post date:** [August 3, 2021, 2:57pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/12 "2021-08-03T14:57:55Z")

</div>

IA said 4 months ago that they were working on a bug fix for this.

‘I narrowed down the problem and think I have a working solution. The error is being generated by something inside the series property settings. I changed my script to delete all series entries except the first one (so I don’t get a ‘No series configured’ error). I then build the rest of series json after I have updated all the datasources, and this seems to get rid of the ‘dataFields’ undefined’ error.’

barChart.props.series = self.buildBarChartCountSeries()  
barChart.props.dataSources.distribution\_data = popDataList  
barChart.props.dataSources.count\_data = barDataList  
barChart.props.dataSources.lcl\_data = lcl\_data  
barChart.props.dataSources.ucl\_data = ucl\_data  
barChart.props.dataSources.mean\_data = mean\_data  
barChart.props.dataSources.tgt\_data = tgt\_data  
barChart.props.dataSources.sigma\_1n\_data = sigma\_1n\_data  
barChart.props.dataSources.sigma\_2n\_data = sigma\_2n\_data  
barChart.props.dataSources.sigma\_3n\_data = sigma\_3n\_data  
barChart.props.dataSources.sigma\_1p\_data = sigma\_1p\_data  
barChart.props.dataSources.sigma\_2p\_data = sigma\_2p\_data  
barChart.props.dataSources.sigma\_3p\_data = sigma\_3p\_data

barChart.props.xAxes[0].value.range.max = maxRange  
barChart.props.xAxes[0].value.range.min = minRange  
barChart.props.xAxes[1].value.range.max = maxRange  
barChart.props.xAxes[1].value.range.min = minRange

barChart.props.series = barChart.props.series + self.buildBarChartSeries()

* * *

My assumption is that something in the series that was set last time data was displayed in the chart, causes an error to be thrown as one of the datasources or other properties gets added. In this script I am getting rid of all series except the main one.

---

<div class="post-metadata">

**Author:** ![james.vosler](https://avatars.discourse-cdn.com/v4/letter/j/8797f3/32.png) [@james.vosler](https://forum.inductiveautomation.com/u/james.vosler)\
**Post date:** [September 24, 2021, 3:30pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/13 "2021-09-24T15:30:23Z")

</div>

8.1.9 Same issue still: LEVEL\_ERROR  
message: “components.XYChart: No series configured.”  
line\_number: 12

Any updates on Ticket #13162?

---

<div class="post-metadata">

**Author:** ![jasoncoope](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jasoncoope/32/18674_2.png) [@jasoncoope](https://forum.inductiveautomation.com/u/jasoncoope)\
**Post date:** [November 8, 2021, 10:16pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/14 "2021-11-08T22:16:39Z")

</div>

No update. I’ve just requested an update on when this will be fixed.

---

<div class="post-metadata">

**Author:** ![jasoncoope](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jasoncoope/32/18674_2.png) [@jasoncoope](https://forum.inductiveautomation.com/u/jasoncoope)\
**Post date:** [November 9, 2021, 12:05am UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/15 "2021-11-09T00:05:02Z")

</div>

Here’s an update I received today…

I tracked down the bug ticket related to your previous ticket and it is still within our development team’s pipeline. It is not ready for release and we can’t provide an estimate for when it would be released.

I will make a note for this bug ticket that we have many customers and community members in the forums that are hoping for a resolution to this bug to come quickly.  
Myself or another support representative will reach out to you once we are aware of an official bug fix.

---

<div class="post-metadata">

**Author:** ![jasoncoope](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/jasoncoope/32/18674_2.png) [@jasoncoope](https://forum.inductiveautomation.com/u/jasoncoope)\
**Post date:** [November 30, 2021, 7:55pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/16 "2021-11-30T19:55:00Z")

</div>

“XY Chart renders as an error that states “Component Error” when building its series data”

This issue has been marked as closed and is slated for release in Ignition Version 8.1.13.

---

<div class="post-metadata">

**Author:** ![Matthew.gaitan](https://avatars.discourse-cdn.com/v4/letter/m/59ef9b/32.png) [@Matthew.gaitan](https://forum.inductiveautomation.com/u/Matthew.gaitan)\
**Post date:** [November 30, 2021, 7:57pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/17 "2021-11-30T19:57:25Z")

</div>

> [@jasoncoope](#):
>
> an error that states “Component Error” when building its series data”
> 
> This issue has been marked a

thank goodness

---

<div class="post-metadata">

**Author:** ![zacharyw.larson](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/zacharyw.larson/32/23749_2.png) [@zacharyw.larson](https://forum.inductiveautomation.com/u/zacharyw.larson)\
**Post date:** [January 7, 2022, 7:09pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/18 "2022-01-07T19:09:19Z")

</div>

I am on 8.1.0

Just started to get this error on a time series chart.

I changed the name of a column just before I started to get the error.  
I think I changed the column name, query name, applied asc and desc to the order by section, changed my order by clause  
I will try remaking it.

Did you just update or did you find a solution?  
edit  
I reset my query, restarted designer, “fixed it”  
edit  
broke it again, I think my error is tied to my order by clause  
I also have to restart my designer. So now my time series charts have one query, while my tables I display use another query.

---

<div class="post-metadata">

**Author:** ![tupanaster](https://avatars.discourse-cdn.com/v4/letter/t/5daacb/32.png) [@tupanaster](https://forum.inductiveautomation.com/u/tupanaster)\
**Post date:** [April 16, 2022, 11:09pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/19 "2022-04-16T23:09:44Z")

</div>

Although this post mentions XY Charts, I would add that I see the same issue with Time Series Chart.

This helped a bit:

> [@ShaneH](#):
>
> self.getChild(“XYChart”).props.dataSources.myData = myData

"Pushing" data that way doesn't give a component error but it still doesn't work.

I'm using version 8.1.15

---

<div class="post-metadata">

**Author:** ![Samg23](https://avatars.discourse-cdn.com/v4/letter/s/df788c/32.png) [@Samg23](https://forum.inductiveautomation.com/u/Samg23)\
**Post date:** [June 20, 2022, 8:54pm UTC](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394/20 "2022-06-20T20:54:07Z")

</div>

Just came across this issue myself as we are still working in 8.1.7, embedding it and passing the parameters that way seemed to do the trick for me, obviously the easier workaround is updating but if you’re stuck in a specific version like me this will hopefully help.

[Next page](https://forum.inductiveautomation.com/t/bug-2363-xy-chart-component-error-since-8-1-4/45394.md?page=2)
