Problem Value Inside Graph Donut

[juaniduarte]

I want to add the % in the value of the selected field, in the selected 58.65% and in the center of the graph 58.65, any help to solve that detail

no found:

 dataPointMouseEnter: function(event, chartContext, config) {
					let selectedIndex = config.dataPointIndex;
					let porcentajeSeleccionado = data[selectedIndex] + "%";
					let chartElement = chartContext.el;  

					console.log(chartElement);

					let labelElement = chartElement.querySelector(".apexcharts-datalabel-label");
					let valueElement = chartElement.querySelector(".apexcharts-datalabel-value");

					if (!valueElement || !labelElement) {
						console.error("Error: No se encontraron los elementos dentro de #chart_aprobadosActual");
						return;
					}

					// Mostrar el valor actual en la consola
					console.log("Texto actual antes:", valueElement.textContent);

					    // Actualizar el valor usando diferentes métodos
					labelElement.textContent = labels[selectedIndex];
					valueElement.textContent = porcentajeSeleccionado;
					valueElement.setAttribute("textContent", porcentajeSeleccionado); 
					valueElement.innerHTML = porcentajeSeleccionado;

					console.log("Texto actualizado:", valueElement.textContent);
					

			}