View jumps when zooming line graph
Personne n'a encore pris cette issue.
- Langage dominant
- Python
- Étoiles
- 18.8k
- Forks
- 2.8k
- Merge moyen
- 16 h 26 min
- PR mergées (30 j)
- 21
Description
I am experiencing the same problem described in this issue for Plotly.js.
In my python implementation, the line graph is so configured:
{
"xaxis": dict(
gridcolor="rgba(128, 128, 128, 0.2)",
zerolinecolor="rgba(128, 128, 128, 0.2)",
showgrid=True,
type="date",
tickformatstops=(
[dict(dtickrange=[None, None], value="%a %d %b %y - %H:%M")]
),
),
"yaxis": dict(
gridcolor="rgba(128, 128, 128, 0.2)",
zerolinecolor="rgba(128, 128, 128, 0.2)",
showgrid=True,
),
"spikedistance": -1,
"xaxis_showspikes": True,
"yaxis_showspikes": True,
"xaxis_spikemode": "across",
"yaxis_spikemode": "across",
"xaxis_spikecolor": "rgba(255,255,255,0.5)",
"yaxis_spikecolor": "rgba(255,255,255,0.5)",
"xaxis_spikethickness": 1,
"yaxis_spikethickness": 1,
}
The problem seems to surface when the tick text is long enough and when zooming will cause the tick text to end up at a particular distance from the edge of the line graph. I notice it happens more often when the tick text overflows following a zoom and will be subsequently hidden.
The issue won't occur if I do:
tickformatstops=(
[dict(dtickrange=[None, None], value="%H:%M")]`
),
Because the resulting tick text won't be long enough.
Guide de contribution
Ouvrir le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Piste de recherche
Commencez par reproduire le comportement du zoom avec la configuration Python et les longues étiquettes des graduations de date présentées dans l’issue, puis comparez-le avec Plotly.js issue 7438. Vérifiez si le saut se produit lorsque le texte des graduations qui déborde est masqué après un zoom. La tâche est terminée lorsque le graphique ne saute plus avec de longues étiquettes de graduation, tandis que le format plus court %H:%M reste inchangé.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- javascript, python
- Domaine
- data-visualization, frontend
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- Active
- Clarté
- Plutôt claire
- Accessibilité débutants
- 48/100