plotly / plotly/plotly.js

Boxplot has horizontal axis ticks overlap axis title

Abierto
#7,515 1 comentario 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

bug P2
Lenguaje dominante
JavaScript
Estrellas
18.3k
Forks
2k
Merge medio
2 d 12 h
PR fusionados (30 d)
28

Descripción

While zooming in and dragging a categorical boxplot, I got in a state where the longer labels of the horizontal axis, that are displayed in an angle, overlap the horizontal axis title. To get to this state, one has to zoom in so that only shorter labels are displayed oblique, then drag the plot so that a long label appears in the corner of the plot, without getting over the axis title. I noticed that the title moves upper when I leave my mouse button. Then click to drag again until the longer label is over the axis title.
If from step 1 I drag more so that the longer label is over the axis title, and I release the mouse button, the plot moves a bit up so that the label does not overlap the title.

Step 1: zoom in to only see short labels:
Image

Step 2: drag to the right to make a long label appear on the left:
Image
notice the title moved upper (this is important in order to reproduce) instead of staying on the bottom of the div

Step 3: drag to the right so that the long label overlaps the title
Image

From step 1, if you drag directly to a position similar to step 3, you'll get into a state where there is no overlap:
Image

Guía de contribución

Abrir la guía de contribución

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.

Línea de trabajo

Empieza reproduciendo la interacción con el boxplot categórico mediante la secuencia de zoom y arrastre de tres pasos del issue, especialmente la liberación intermedia que mueve el título hacia arriba. Inspecciona el comportamiento del diseño de las etiquetas de los ejes y del título del boxplot implicado en esa secuencia; el trabajo estará terminado cuando las etiquetas largas e inclinadas del eje horizontal no se superpongan al título del eje después de arrastrar, mientras la ruta de arrastre directa siga siendo correcta.

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
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.