📌 que se vea más claro cuando no hay datos en zona mapa y esperar la …

…creación de ejeY cuando hay datos
enflujo · Nov 13, 2024 · d2e75a3 · d2e75a3
1 parent a8942e3
commit d2e75a3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/aplicaciones/www/src/componentes/LineaTiempo.astro b/aplicaciones/www/src/componentes/LineaTiempo.astro
@@ -164,6 +164,7 @@ const { alto, meta, umbral } = Astro.props;
     }
 
     function escalar() {
+      if (!datosNal.value.maxNal) return;
       const marcasY = contenedorEjeY.querySelectorAll<SVGGElement>('.marcaEjeY');
       const marcasX = contenedorEjeX.querySelectorAll<SVGGElement>('.marcaEjeX');
       const areaUmbral = contenedorEjeY.querySelector<SVGGElement>('.umbral');
@@ -233,6 +234,8 @@ const { alto, meta, umbral } = Astro.props;
       lineas.forEach((linea) => {
         linea.actualizar(posicionX, posicionY);
       });
+
+      if (!ejeYCreado) crearEjeY();
     }
 
     function crearEjeY() {
@@ -387,7 +390,6 @@ const { alto, meta, umbral } = Astro.props;
         });
 
         escalar();
-        if (!ejeYCreado) crearEjeY();
         return;
       }
 
@@ -396,7 +398,6 @@ const { alto, meta, umbral } = Astro.props;
           linea.eliminar();
         });
         escalar();
-        if (!ejeYCreado) crearEjeY();
         return;
       }
 
@@ -431,7 +432,6 @@ const { alto, meta, umbral } = Astro.props;
       });
 
       escalar();
-      if (!ejeYCreado) crearEjeY();
     });
 
     añoSeleccionado.subscribe((añoActual) => {

diff --git a/aplicaciones/www/src/componentes/Mapa.astro b/aplicaciones/www/src/componentes/Mapa.astro
@@ -14,6 +14,7 @@ const { ancho, alto } = Astro.props;
     <defs>
       <pattern id="sinInfo" patternUnits="userSpaceOnUse" width="3.5" height="3.5" patternTransform="rotate(45)">
         <line x1="0" y1="0" x2="0" y2="3.5" stroke="#46484A" stroke-width="1"></line>
+        <line x1="3.5" y1="3.5" x2="0" y2="3.5" stroke="#46484A" stroke-width="1"></line>
       </pattern>
     </defs>
 
@@ -109,7 +110,7 @@ const { ancho, alto } = Astro.props;
     let datosParaPintar: FeatureCollection; // Esto puede ser departamentos o municipios
 
     mapa.onmousemove = (evento) => {
-      const { top, height } = informacion.getBoundingClientRect();
+      const { height } = informacion.getBoundingClientRect();
       const x = evento.clientX;
       const y = evento.clientY;