# Power Chart Component Error

**URL:** <https://forum.inductiveautomation.com/t/power-chart-component-error/105206>\
**Category:** Ignition\
**Tags:** perspective, ignition81\
**Created:** [April 16, 2025, 10:49pm UTC](https://forum.inductiveautomation.com/t/power-chart-component-error/105206 "2025-04-16T22:49:32Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [April 16, 2025, 10:49pm UTC](https://forum.inductiveautomation.com/t/power-chart-component-error/105206/1 "2025-04-16T22:49:32Z")

</div>

v: 8.1.47

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/2/228d7a1556a65df7f202409fd2b2ed558b9be9e3.png)

I am getting this error on a power chart inserted in my perspective project.  
If I mouse over the "i" it says `r is not a function`.

Jumping into developer view on Chrome shows that it is erroring out in the console:

```python
PerspectiveClient.9c627a8669c80572ff27.js:2 No view configured for center mount. Mount definition should contain a property 'viewPath'.
render @ PerspectiveClient.9c627a8669c80572ff27.js:2
PerspectiveClient.9c627a8669c80572ff27.js:2 No view configured for center mount. Mount definition should contain a property 'viewPath'.
render @ PerspectiveClient.9c627a8669c80572ff27.js:2
react-dom-18.2.0.js:121 TypeError: r is not a function
    at a (PerspectiveTimeseriesCharts.40c492feec84de0c5e12.js:2:471264)
    at t.value (PerspectiveTimeseriesCharts.40c492feec84de0c5e12.js:2:248948)
    at t.value (PerspectiveTimeseriesCharts.40c492feec84de0c5e12.js:2:250034)
    at PerspectiveTimeseriesCharts.40c492feec84de0c5e12.js:2:249459
    at oe.qt (PerspectiveTimeseriesCharts.40c492feec84de0c5e12.js:2:1012077)
    at t.value (PerspectiveTimeseriesCharts.40c492feec84de0c5e12.js:2:249414)
    at t.value (PerspectiveTimeseriesCharts.40c492feec84de0c5e12.js:2:250625)
    at Af (react-dom-18.2.0.js:133:101)
    at si (react-dom-18.2.0.js:132:399)
    at Rk (react-dom-18.2.0.js:252:71)
wf @ react-dom-18.2.0.js:121
PerspectiveClient.9c627a8669c80572ff27.js:2 ui.ErrorBoundary: Component error caught in error boundary: {"componentStack":"\n at t (http://localhost:9088/res/perspective/js/PerspectiveTimeseriesCharts.40c492feec84de0c5e12.js:2:246738)\n at g\n at g\n at g\n at t (http://localhost:9088/res/perspective/js/PerspectiveTimeseriesCharts.40c492feec84de0c5e12.js:2:196365)\n at g\n at g\n at t (http://localhost:9088/res/perspective/js/PerspectiveTimeseriesCharts.40c492feec84de0c5e12.js:2:211646)\n at g\n at svg\n at t (http://localhost:9088/res/perspective/js/PerspectiveTimeseriesCharts.40c492feec84de0c5e12.js:2:184623)\n at div\n at div\n at v (http://localhost:9088/res/perspective/js/PerspectiveTimeseriesCharts.40c492feec84de0c5e12.js:2:739463)\n at div\n at div\n at div\n at E (http://localhost:9088/res/perspective/js/PerspectiveTimeseriesCharts.40c492feec84de0c5e12.js:2:687681)\n at d (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:735481)\n at n (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:537222)\n at div\n at M (http://localhost:9088/res/perspective/js/PerspectiveComponents.3a469e4949a4af501c00.js:2:836682)\n at d (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:735481)\n at n (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:537222)\n at q (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:398156)\n at div\n at b (http://localhost:9088/res/perspective/js/PerspectiveComponents.3a469e4949a4af501c00.js:2:1071657)\n at d (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:735481)\n at n (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:537222)\n at div\n at M (http://localhost:9088/res/perspective/js/PerspectiveComponents.3a469e4949a4af501c00.js:2:836682)\n at d (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:735481)\n at n (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:537222)\n at q (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:398156)\n at div\n at b (http://localhost:9088/res/perspective/js/PerspectiveComponents.3a469e4949a4af501c00.js:2:1071657)\n at d (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:735481)\n at n (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:537222)\n at div\n at z (http://localhost:9088/res/perspective/js/PerspectiveComponents.3a469e4949a4af501c00.js:2:788840)\n at div\n at div\n at O (http://localhost:9088/res/perspective/js/PerspectiveComponents.3a469e4949a4af501c00.js:2:783913)\n at d (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:735481)\n at n (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:537222)\n at q (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:398156)\n at div\n at T (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:377089)\n at div\n at div\n at E (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:379985)\n at y (http://localhost:9088/res/perspective/js/PerspectiveClient.9c627a8669c80572ff27.js:2:277016)"}
i.cerror @ PerspectiveClient.9c627a8669c80572ff27.js:2

```

Nothing showing in the gateway logs, and briefly before the error pops up I see the empty power chart with no data visible, it seems to error when it gets the data from historian.

Any ideas for troubleshooting?

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [April 16, 2025, 11:05pm UTC](https://forum.inductiveautomation.com/t/power-chart-component-error/105206/2 "2025-04-16T23:05:33Z")

</div>

Turns out that if you capitalise "CurveLinear" in the pen interpolation properties, the component breaks blindly.

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [April 16, 2025, 11:08pm UTC](https://forum.inductiveautomation.com/t/power-chart-component-error/105206/3 "2025-04-16T23:08:27Z")

</div>

Yikes, that's a pretty bad failure mode.

---

<div class="post-metadata">

**Author:** ![David\_Stone](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/david_stone/32/79749_2.png) [@David\_Stone](https://forum.inductiveautomation.com/u/David_Stone)\
**Post date:** [April 16, 2025, 11:13pm UTC](https://forum.inductiveautomation.com/t/power-chart-component-error/105206/4 "2025-04-16T23:13:08Z")

</div>

In IA's defence, I found out the issue via the json validator alert triangle at the top of the props pane, which accurately pinpointed the error in my config. That was definitely not where I expected it to be though, and evidently the validator doesn't link to the rendering engine...
