Graphina not showing contents

Dear community,
I’m experiencing problems with a graph using the Graphina add-on.
As soon as I work in edit mode on Elementor, I’m able to see the graph showing correctly, but once I go into preview mode, this is what I’m getting back displayed on the page:

' } return seriesName } }, tooltip: { enabled: '1', shared: 'yes' === "yes", theme: 'light', style: { fontSize: '13px', fontFamily: 'Quicksand' } }, responsive: [{ breakpoint: 1024, options: { chart: { height: parseInt('600') } } }, { breakpoint: 674, options: { chart: { height: parseInt('600') } } } ] }; if ("" === "yes") { lineOptions.yaxis.labels.formatter = function (val) { let decimal = parseInt('0') || 0; if("" === "yes"){ val = val.toLocaleString('en-US',{maximumFractionDigits: decimal}) } else if("" === 'yes' && typeof graphinaAbbrNum !== "undefined"){ val = graphinaAbbrNum(val , parseInt("") || 0 ); }else{ val = parseFloat(val).toFixed(decimal) } return '' + val + ''; } } if ("yes" === "yes") { lineOptions.tooltip['enabledOnSeries'] = [0,1,2,3,4,5,6,7,8]; } if ("yes" === "yes") { lineOptions['annotations'] = { yaxis: [ { y: 0, strokeDashArray: parseInt("0"), borderColor: '#000000' } ] }; } lineOptions['markers'] ={ size: '7_,_6_,_6_,_6_,_6_,_6_,_6_,_6_,_6'.split('_,_'), strokeColors: '#FCFCFC_,_#FCFCFC_,_#FCFCFC_,_#FCFCFC_,_#FCFCFC_,_#FCFCFC_,_#fff_,_#fff_,_#fff'.split('_,_'), strokeWidth: '1_,_1_,_1_,_1_,_1_,_1_,_1_,_1_,_1'.split('_,_'), shape: 'circle_,_circle_,_circle_,_circle_,_circle_,_circle_,_circle_,_circle_,_circle'.split('_,_'), showNullDataPoints: true, hover: { size: 3, sizeOffset: 1 } }; if(""){ let style ={ color:'#000000', fontSize: '13px', fontFamily: 'Quicksand', fontWeight: '500', } let title = ''; let xaxisYoffset ='bottom' === 'top' ? -95 : 0; if(typeof axisTitle !== "undefined"){ axisTitle(lineOptions, 'xaxis' ,title, style,xaxisYoffset ); } } if(""){ let style ={ color:'', fontSize: '13px', fontFamily: 'Quicksand', fontWeight: '500', } let title = ''; if(typeof axisTitle !== "undefined"){ axisTitle(lineOptions, 'yaxis' ,title, style ); } } if('1'){ lineOptions.yaxis.tickAmount = parseInt("20") || 6; lineOptions.yaxis.min = parseInt('0') || 0; lineOptions.yaxis.max = parseInt('20000') || 200; } if(""){ let style = { color:'', fontSize: '13px', fontFamily: 'Quicksand', fontWeight: '500', } lineOptions['yaxis'] = [lineOptions.yaxis] let lineYaxisTemp = { opposite: '1', labels: { show: '', formatter: function (val) { if("" === "yes"){ val = val.toLocaleString('en-US') } return '' + val + '' }, style }, tickAmount: parseInt(''), title: { text: '', style } } if('1'){ lineYaxisTemp.tickAmount = parseInt('') || 6; lineYaxisTemp.min = parseInt('0') || 0; lineYaxisTemp.max = parseInt('20000') || 200; } lineOptions.yaxis.push(lineYaxisTemp) } if (typeof initNowGraphina !== "undefined") { initNowGraphina( myElement, { ele: document.querySelector(".line-chart-dc31203"), options: lineOptions, series: [{name: '', data: []}], animation: true }, 'dc31203' ); } if (window.ajaxIntervalGraphina_dc31203 !== undefined) { clearInterval(window.ajaxIntervalGraphina_dc31203) }

I’m using the following software stack:
– Elementor Pro version 3.7.1
– Graphina version 1.7.1

Any kind suggestion is more than welcome.
Thanks a bunch for reading this, tho.

Regards,
Matteo