Graph doesn’t work in public but ok in elementor edit

Hi,

I have problems with graphs 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’, theme: ‘dark’, style: { fontSize: ’14px’, fontFamily: ‘Lato’ }, y: { formatter: function(val) { let valueInStringShow = ‘no’ let valueInString = ‘0’ let prefix = ” let postfix = ” if(”){ val= val.toLocaleString(‘en-US’) }else{ val = valueInStringShow == ‘no’ ? val : graphinaAbbrNum(val , valueInString); } return prefix + val + postfix } } }, stroke: { show: ”, width: parseInt(‘0’) }, responsive: [{ breakpoint: 1024, options: { chart: { height: parseInt(‘350’) } } }, { breakpoint: 674, options: { chart: { height: parseInt(‘350’) } } } ] }; if(“”){ let valueInStringShow = ‘no’ let valueInStringValue = ‘0’ let showlabel = ‘no’ let showValue = ‘no’ let prefix = ” let postfix = ” let numberformat = ‘no’ if(typeof chartDatalabelsFormat !== “undefined”){ chartDatalabelsFormat(donutOptions, showlabel, showValue, numberformat, prefix, postfix ,valueInStringShow, valueInStringValue); } } if (typeof initNowGraphina !== “undefined”) { initNowGraphina( myElement, { ele: document.querySelector(“.donut-chart-bdba64f”), options: donutOptions, series: [{name: ”, data: []}], animation: true }, ‘bdba64f’ ); } if (window.ajaxIntervalGraphina_bdba64f !== undefined) { clearInterval(window.ajaxIntervalGraphina_bdba64f) }”

2nd graph error :

“‘ } return seriesName } }, tooltip: { enabled: ‘1’, theme: ‘dark’, style: { fontSize: ’14px’, fontFamily: ‘Lato’ }, y: { formatter: function(val) { let valueInStringShow = ‘no’ let valueInString = ‘0’ let prefix = ” let postfix = ” if(”){ val= val.toLocaleString(‘en-US’) }else{ val = valueInStringShow == ‘no’ ? val : graphinaAbbrNum(val , valueInString); } return prefix + val + postfix } } }, stroke: { show: ”, width: parseInt(‘0’) }, responsive: [{ breakpoint: 1024, options: { chart: { height: parseInt(‘350’) } } }, { breakpoint: 674, options: { chart: { height: parseInt(‘350’) } } } ] }; if(“”){ let valueInStringShow = ‘no’ let valueInStringValue = ‘0’ let showlabel = ‘no’ let showValue = ‘no’ let prefix = ” let postfix = ” let numberformat = ‘no’ if(typeof chartDatalabelsFormat !== “undefined”){ chartDatalabelsFormat(donutOptions, showlabel, showValue, numberformat, prefix, postfix ,valueInStringShow, valueInStringValue); } } if (typeof initNowGraphina !== “undefined”) { initNowGraphina( myElement, { ele: document.querySelector(“.donut-chart-17e002e”), options: donutOptions, series: [{name: ”, data: []}], animation: true }, ’17e002e’ ); } if (window.ajaxIntervalGraphina_17e002e !== undefined) { clearInterval(window.ajaxIntervalGraphina_17e002e) }”

3rd :

“‘ } return seriesName } }, tooltip: { enabled: ‘yes’, theme: ‘light’, shared: ‘yes’ === “yes”, style: { fontSize: ’13px’, fontFamily: ‘Lato’ } }, responsive: [{ breakpoint: 1024, options: { chart: { height: parseInt(‘350’) }, } }, { breakpoint: 674, options: { chart: { height: parseInt(‘350’) }, } } ] }; if (“” === “yes”) { columnOptions.yaxis.labels.formatter = function (val) { if(‘1’){ let decimal = parseInt(‘0’) || 0; if(“1”){ val = val.toLocaleString(‘en-US’,{maximumFractionDigits: decimal}) } else if(“” && typeof graphinaAbbrNum !== “undefined”){ val = graphinaAbbrNum(val , parseInt(“”) || 0 ); }else{ val = parseFloat(val).toFixed(decimal) } } return ” + val + ”; } } if(“1”){ columnOptions.yaxis.tickAmount = parseInt(“0″); columnOptions.dataLabels.formatter = function (val) { if(Number.isNaN(val)){ return ”; } if(“”){ val = val.toLocaleString(‘en-US’) } else if(“” && typeof graphinaAbbrNum !== “undefined”){ val = graphinaAbbrNum(val , parseInt(“”) || 0 ); } return ” + val + ”; }; }else{ columnOptions.dataLabels.formatter = function (val) { if(Number.isNaN(val)){ return val; } val = parseFloat(val).toFixed(parseInt(“0”) || 0 ) ; if(“”){ val = parseFloat(val).toLocaleString(‘en-US’) } val = ” + val + ”; return val; }; } if (“yes” ) { columnOptions.tooltip[‘enabledOnSeries’] = [0]; } if (“”) { columnOptions[‘annotations’] = { yaxis: [ { y: 0, strokeDashArray: parseInt(“0”), borderColor: ‘#000000′ } ] }; } if(“”){ let style ={ color:’#183D70′, fontSize: ’13px’, fontFamily: ‘Lato’, fontWeight: ”, } let title = ”; let xaxisYoffset =’bottom’ === ‘top’ ? -95 : 0; if(typeof axisTitle !== “undefined”){ axisTitle(columnOptions, ‘xaxis’ ,title, style ,xaxisYoffset); } } if(“”){ let style ={ color:”, fontSize: ’13px’, fontFamily: ‘Lato’, fontWeight: ”, } let title = ”; if(typeof axisTitle !== “undefined”){ axisTitle(columnOptions, ‘yaxis’ ,title, style ); } } if(”){ columnOptions.xaxis.tickAmount = parseInt(“6”) || 6; columnOptions.xaxis.min = parseInt(‘0’) || 0; columnOptions.xaxis.max = parseInt(‘0’) || 200; } if(‘1’){ columnOptions.yaxis.tickAmount = parseInt(“0”) || 6; columnOptions.yaxis.min = parseFloat(‘0’) || 0; columnOptions.yaxis.max = parseFloat(‘6′) || 200; } if(“”){ let style = { color:”, fontSize: ’13px’, fontFamily: ‘Lato’, fontWeight: ”, } columnOptions[‘yaxis’] = [columnOptions.yaxis] let columnYaxisTemp ={ opposite: ‘1’, labels: { show: ”, formatter: function (val) { if(“” ){ val = val.toLocaleString(‘en-US’) } return ” + val + ” }, style }, tickAmount: parseInt(”), title: { text: ”, style } } if(‘1’){ columnYaxisTemp.tickAmount = parseInt(”) || 6; columnYaxisTemp.min = parseFloat(‘0’) || 0; columnYaxisTemp.max = parseFloat(‘6’) || 200; } columnOptions.yaxis.push(columnYaxisTemp) } if (typeof initNowGraphina !== “undefined”) { initNowGraphina( myElement, { ele: document.querySelector(“.column-chart-b08573b”), options: columnOptions, series: [{name: ”, data: []}], animation: true }, ‘b08573b’ ); } if (window.ajaxIntervalGraphina_b08573b !== undefined) { clearInterval(window.ajaxIntervalGraphina_b08573b) }”

4th :

“‘ } return seriesName } }, tooltip: { enabled: ‘1’, theme: ‘dark’, style: { fontSize: ’14px’, fontFamily: ‘Lato’ }, y: { formatter: function(val) { let valueInStringShow = ‘no’ let valueInString = ‘0’ let prefix = ” let postfix = ‘%’ if(”){ val= val.toLocaleString(‘en-US’) }else{ val = valueInStringShow == ‘no’ ? val : graphinaAbbrNum(val , valueInString); } return prefix + val + postfix } } }, stroke: { show: ”, width: parseInt(‘0’) }, responsive: [{ breakpoint: 1024, options: { chart: { height: parseInt(‘350’) } } }, { breakpoint: 674, options: { chart: { height: parseInt(‘350’) } } } ] }; if(“”){ let valueInStringShow = ‘no’ let valueInStringValue = ‘0’ let showlabel = ‘no’ let showValue = ‘no’ let prefix = ” let postfix = ‘%’ let numberformat = ‘no’ if(typeof chartDatalabelsFormat !== “undefined”){ chartDatalabelsFormat(donutOptions, showlabel, showValue, numberformat, prefix, postfix ,valueInStringShow, valueInStringValue); } } if (typeof initNowGraphina !== “undefined”) { initNowGraphina( myElement, { ele: document.querySelector(“.donut-chart-e592b5b”), options: donutOptions, series: [{name: ”, data: []}], animation: true }, ‘e592b5b’ ); } if (window.ajaxIntervalGraphina_e592b5b !== undefined) { clearInterval(window.ajaxIntervalGraphina_e592b5b) }”

In May and june, everything was ok. I tried to go the precedent version but it doesn’t work too.

I see many tickets on the forum. But Can you help me please.

The URL : https://www.grisbee.fr/grisbee_fonds_star-2/ and elementor screenshot (files)

Thanks,

Marine

The page I need help with: [log in to see the link]