[FEATURE]: Add automatic contrast for secondary hover labels

Abierto
#8,149 3 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
58/100
Tipo de issue
Nueva funcionalidad
Claridad
Bastante claro
Estado de actividad
Activo
Stack tecnológico
javascript

Línea de trabajo

The issue points to Color.wcagContrast() and links PR #8115 and issue #2342. Read the review comment linked from PR #8115 and inspect how secondary hover labels get their text and background colors. Add automatic text color selection using a 4.5:1 contrast threshold, then verify that light trace colors produce readable labels while adequate contrast is preserved.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

enhancement feature P3 size: 1
Description

Secondary hover labels inherit their text color from the trace color. However, light or low contrast trace colors can make the text difficult to read against the label background.

I propose using Color.wcagContrast() with a 4.5:1 threshold to automatically select a more readable text color.

Related to #2342 and #8115 (see the review comment: https://github.com/plotly/plotly.js/pull/8115/changes/1926941923cda4b90e4258e9e48e8c9702543083#r4383215739).

Before
Image
After
Image
Lenguaje dominante
JavaScript
Estrellas
18.4k
Forks
2.1k
Merge medio
2 d 16 h
PR fusionados (30 d)
11

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de plotly/plotly.js

Todos los issues de plotly/plotly.js

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.