jQuery UI Widgets Forums React TypeError: s is undefined in JqxChart Component React – Typescript

This topic contains 2 replies, has 3 voices, and was last updated by  gopalreddy 4 years, 9 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author

  • krishna.pankhania


    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


    Hello krishna.pankhania,

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

    Best Regards,
    Hristo Hristov

    jQWidgets team


    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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.