plotly / plotly/plotly.js

keep the range of xaxis1 when toggling traces

Ouverte
#7,309 0 commentaires 0 réactions 0 personnes assignées Voir sur GitHub

Personne n'a encore pris cette issue.

feature P3
Langage dominant
JavaScript
Étoiles
18.3k
Forks
2k
Merge moyen
2 j 12 h
PR mergées (30 j)
28

Description

Problem:

The fig has two xaxises, when toggled trace2, the range of xaxis1 was changed.

Feature request:

How to keep the range of xaxis1 like xaxis2 when toggle trace2?

https://github.com/user-attachments/assets/cf3ac904-8ae4-4cfa-9783-193196c327df

Code:

import plotly.graph_objects as go

fig = go.Figure()

x1 = [0, 1, 2, 3, 4, 5]
x2 = [100, 200, 300, 400, 500, 600]

fig.add_trace(
    go.Scatter(
        x=x1,
        y=[7] * 6,
        visible=False,
    )
)
fig.add_trace(
    go.Bar(
        x=[0, 1, 2],
        y=[1, 2, 3],
    )
)
fig.add_trace(
    go.Bar(
        x=[3, 4, 5],
        y=[4, 5, 6],
    )
)

# data3
fig.add_trace(
    go.Scatter(
        x=x2,
        y=[8] * 6,
    )
)

# create xaxis2
fig.update_layout(
    xaxis2={
        "anchor": "y",
        "side": "top",
        "overlaying": "x",
    },
)
# Re-assign scatter traces to axes created above
fig.data[3].update(xaxis="x2")

fig.show()

Guide de contribution

Ouvrir le guide de contribution

Par où commencer

  1. Lisez l'issue en entier, puis le guide de contribution du projet.
  2. Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
  3. Forkez le dépôt et travaillez sur une branche.
  4. Ouvrez une pull request qui référence le numéro de l'issue.

Piste de recherche

Commencez par exécuter l’exemple Plotly fourni et activez ou désactivez les traces tout en observant les plages superposées de xaxis1 et xaxis2. Étudiez le comportement de la mise à jour des plages lors de l’activation ou de la désactivation des traces ; le travail est terminé lorsque xaxis1 conserve sa plage actuelle tandis que xaxis2 continue de se comporter comme indiqué.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
javascript
Domaine
data-visualization
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
45/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.