From 368aa7d86e4b7ff1554c94247a70acb2fb95aa25 Mon Sep 17 00:00:00 2001
From: rodpena <rodrigo.pena22@estudiantes.uva.es>
Date: Tue, 10 Dec 2024 20:19:06 +0100
Subject: [PATCH] listaJugadores
---
script.js | 24 ++++++++++++++++++++++++
1 file changed, 24 insertions(+)
diff --git a/script.js b/script.js
index 9eca9b5..74c1fbe 100644
--- a/script.js
+++ b/script.js
@@ -214,8 +214,32 @@ function crearGraficoRadar(containerSelector, jugadoresSeleccionados = [], maxim
.style("stroke", jugador.color)
.style("stroke-width", 2);
});
+
+ // Añadir los nombres de los jugadores seleccionados con sus colores en la esquina superior derecha
+ const legendGroup = svg.append("g")
+ .attr("transform", `translate(${radius + margin}, ${-radius - margin})`)
+ .attr("class", "legend");
+
+ jugadoresSeleccionados.forEach((jugador, index) => {
+ const legendItem = legendGroup.append("g")
+ .attr("transform", `translate(0, ${index * 20})`);
+
+ // CÃrculo de color
+ legendItem.append("circle")
+ .attr("r", 8)
+ .attr("fill", jugador.color);
+
+ // Nombre del jugador
+ legendItem.append("text")
+ .attr("x", 15)
+ .attr("y", 4)
+ .style("font-size", "14px")
+ .style("fill", "#333")
+ .text(jugador.Nombre);
+ });
}
+
function cargarJugadoresDesdeArchivo() {
const csvPath = "assets/estadisticasRendimientoJugadores.csv";
const ladoIzquierdo = d3.select("#lado-izquierdo");
--
GitLab