D3js google charts not rendering

[meshirikoff]

For some reason with the new updates the D3js google charts not rendering anymore, the graphs are not building. Anyone else has this issue?

[Sankara1]

Hello, Thanks for reaching out to us, Are you still facing an issue - could you please share more in details with error screenshot for further investigation . https://help.sap.com/docs/build-apps/service-guide/charts?locale=en-US&q=D3js+google+charts+not+rend...

[meshirikoff]

No its still not showing any graphs, see example below

New is showing how the graphs are not rendering, while the previous versions did work on the same data set (old).

New.                                               Old 

Also using the new way of the graph query:

function chartExecutor(chartData) { // Now accepts chartData as a parameter
// Load any necessary Google Charts libraries
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);

// Define the chart drawing function
function drawChart() {
// Convert the provided chartData to a DataTable
const data = google.visualization.arrayToDataTable(chartData);

const options = {
chartArea: { width: '80%'},
height: 310,
legend: { position: 'right' }, // Positioning legend to the right
backgroundColor: '#ffffff',
pieHole: 0.3, // Configuring for a donut chart appearance
colors: ['#4acc0e', '#7FFF00', '#40E0D0', '#1E90FF', '#2fc4ff'], // Colors varying from yellow-green to blue
animation:{
duration: 250,
easing: 'out',
startup: true
},
// The vAxes and hAxes options are not applicable to PieCharts and can be removed
bar: { groupWidth: "40%" } // This option is also not applicable to PieCharts
};

// The element ID where the chart will be drawn is 'chart_data_div'
const chart = new google.visualization.PieChart(document.getElementById('chart_data_div'));
chart.draw(data, options);
}
}

// Convert the modified chart function to a string for consumption
const funcAsString = chartExecutor.toString();

return { funcAsString };