TypeError: s is undefined in JqxChart Component React – Typescript

[krishna.pankhaniaParticipant]

Hello,

We have implemented Jqxcharts in React(with typescript) and we are facing some issues in that chart component in the Firefox browser. Component is working fine for Chrome, Safari. Issue seems to be only of Mozilla firefox. Please help us out to look into the issue. Full details of the error are as follows:

Firefox version : 68.0.2 (64-bit)
React Version:16.8.6
Typescript Version: 3.4.2
Jqwidgets Framework: 7.1.0

Error Stack:

TypeError: s is undefined jqxdraw.js:809
_getTextParts jqxdraw.js:809
measureText jqxdraw.js:435
_measureText jqxdraw.js:827
measureText jqxdraw.js:830
_credits jqxchart.core.js:1211
_render jqxchart.core.js:1158
_internalRefresh jqxchart.core.js:323
refresh jqxchart.core.js:458
applyWidget jqxcore.js:7310
./node_modules/jqwidgets-framework/jqwidgets/jqxcore.js/b.jqx.jqxWidget/b.fn[h]/< jqxcore.js:7614
each jqxcore.js:441
each jqxcore.js:155
h jqxcore.js:7608
componentDidMount react_jqxchart.esm.js:97
React 14
_callee4$ Charts.tsx:561
Babel 8

[HristoParticipant]

Hello krishna.pankhania,

I tested this example and it seems to work fine:
https://stackblitz.com/edit/react-ts-j1cd6y
We recommend using the latest version of jQWidgets: https://www.jqwidgets.com/download/

Best Regards,
Hristo Hristov

jQWidgets team
https://www.jqwidgets.com

[gopalreddyParticipant]

Hello,
i am using jqxchart in angualr 6 and it is working fine in IE, Edge and chrome but not in firefox.
Firefox version : 68.0.2 (64-bit)
angular: 6.0.8
Typescript Version: 2.7.2
Jqwidgets-ng: 8.1.4
OS : Windows 10 Entrprise 2016 LTSB

Error stack:
ERROR TypeError: “s is undefined”
_getTextParts jqxdraw.js:8
measureText jqxdraw.js:8
_measureText jqxdraw.js:8
measureText jqxdraw.js:8
_credits jqxchart.core.js:8
_render jqxchart.core.js:8
_internalRefresh jqxchart.core.js:8
refresh jqxchart.core.js:8
invoke jqxcore.js:15
jqxWidgetProxy jqxcore.js:15
./node_modules/jqwidgets-scripts/jqwidgets/jqxcore.js/b.jqx.jqxWidget/b.fn[h]/< jqxcore.js:15
jQuery 2
h jqxcore.js:15
refresh jqwidgets-ng-jqxchart.js:413
__updateRect__ jqwidgets-ng-jqxchart.js:122
createComponent jqwidgets-ng-jqxchart.js:114
ngOnInit jqwidgets-ng-jqxchart.js:33
Angular 5
View_PieChartComponent_0 PieChartComponent.html:1
Angular 27
RxJS 5

[Author]

Posts