Power Chart Component Error

Ignition
,
1

v: 8.1.47

image
image350×477 3.99 KB

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:

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?

2

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

3

Yikes, that's a pretty bad failure mode.

4

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...