Add an option to set the opacity of markers in the legend
Nadie ha tomado este issue todavía.
- Lenguaje dominante
- JavaScript
- Estrellas
- 18.3k
- Forks
- 2k
- Merge medio
- 2 d 12 h
- PR fusionados (30 d)
- 28
Descripción
Can you kindly consider adding an option to set the opacity of legend markers? Currently, the opacities of the legend's markers are tied to the opacity values of the traces.
Plotly Version
plotly.js v2.35.2
Some scatter plots use a very low opacity (<0.10) to display the concentration of overlapping data points.
👇 This can result in imperceptible marker colors in the legend, as shown below:
👇 Feature request: add an option to set the legend marker opacity
I used a workaround to manually set the opacity of the scatterpts class using CSS.
/* current workaround */
.legendpoints .scatterpts {
opacity: 1 !important;
}
Related posts:
- Issue: px.scatter_geo opacity changes markers opacity and legend items opacity. Is there a way to change one but not the other?
- Legend marker opacity and spacing
- Configuring the alpha (opacity, transparency) for the items in legend of scatter plot of plotly
Thank you for maintaining one of the best DataViz libraries! 👍
Guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Línea de trabajo
Usa el CodePen enlazado para reproducir los marcadores de leyenda del diagrama de dispersión con baja opacidad en plotly.js e inspeccionar el comportamiento de los marcadores de leyenda que subyace al workaround .legendpoints .scatterpts. Define una opción cuyo valor controle la opacidad de los marcadores de leyenda de forma independiente de la opacidad de la traza y, después, verifica que tanto la apariencia de la leyenda como el renderizado de la traza sigan siendo correctos.
Escrito por el modelo de indexación a partir del texto del issue.
Evaluación
- Stack tecnológico
- javascript
- Área
- data-visualization
- Tipo de issue
- Nueva funcionalidad
- Dificultad
- 4/5
- Tiempo estimado
- 3-5 días
- Estado de actividad
- Estancado
- Claridad
- Bastante claro
- Aptitud para principiantes
- 35/100