Como usuario que revisa las coincidencias marcadas en la calibración, quiero que las etiquetas de cada línea identificada no tapen la señal y muestren la longitud de onda que se le asignó, para poder leerlas sin que interfieran con el gráfico ni tener que cruzar datos con otra vista para saber qué valor le corresponde a cada una.
Problema
Cada línea identificada se dibuja con una etiqueta dentro del área del gráfico, pegada a la línea:
// EmpiricalSpectrum.tsx (mismo patrón en ReferenceLampSpectrum.tsx)
<text x={xClick + 5} y={10} fill="#FFFFFF" fontSize="12">
#{idx}
</text>La etiqueta solo muestra el índice (#0, #1, ...), no la longitud de onda asignada, y al estar dentro del área de dibujo puede superponerse con la curva del espectro, especialmente cuando hay varias líneas juntas.
Posible solución
Mover las etiquetas fuera del área de graficado (por ejemplo, a una franja superior o lateral dedicada), y agregar la longitud de onda asignada a cada una mediante un tooltip además del índice.
Relacionado
#284, #296 — tocan el mismo bloque de renderizado de líneas en EmpiricalSpectrum.tsx/ReferenceLampSpectrum.tsx; conviene resolverlos juntos.
Como usuario que revisa las coincidencias marcadas en la calibración, quiero que las etiquetas de cada línea identificada no tapen la señal y muestren la longitud de onda que se le asignó, para poder leerlas sin que interfieran con el gráfico ni tener que cruzar datos con otra vista para saber qué valor le corresponde a cada una.
Problema
Cada línea identificada se dibuja con una etiqueta dentro del área del gráfico, pegada a la línea:
La etiqueta solo muestra el índice (
#0,#1, ...), no la longitud de onda asignada, y al estar dentro del área de dibujo puede superponerse con la curva del espectro, especialmente cuando hay varias líneas juntas.Posible solución
Mover las etiquetas fuera del área de graficado (por ejemplo, a una franja superior o lateral dedicada), y agregar la longitud de onda asignada a cada una mediante un tooltip además del índice.
Relacionado
#284, #296 — tocan el mismo bloque de renderizado de líneas en
EmpiricalSpectrum.tsx/ReferenceLampSpectrum.tsx; conviene resolverlos juntos.