[BUG]: Trace doesn't line up with axis when having an automargin title and there are sliders/buttons displayed · plotly/plotly.js#7750

(1 Kommentar) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (1.846 Forks)batch import

buggood first issue

Repository-Metriken

Stars: (15.964 Stars)
PR-Merge-Metriken: (Durchschn. Merge 35T 19h) (36 gemergte PRs in 30 T)

Beschreibung

Description

There is an issue with the title's automargin feature when a slider or buttons are displayed. In this case, when automargin increases the top margin, it will push down the chart’s tick labels (correctly) but will NOT push down the traces. Then, the trace is in the wrong location on the y-axis and misrepresents the data values.

Screenshots/Video

Steps to reproduce

Go to the sample codepen from https://plotly.com/javascript/sliders/#add-a-play-button-to-control-a-slider : https://codepen.io/plotly/pen/NbKmmQ
Add the following to the layout: margin:{autoexpand:true, t:0}, title:{automargin:true, text:"Title"},
You can see that the yaxis ticks do not line up with the data/trace

Notes

This seems to be a combination of margin:{autoexpand:true}, title:{automargin:true} and having sliders and/or buttons displayed. You can also set a bigger title font (like font:{size:"36"}) for this to have a greater effect.

Contributor Guide

Research-Richtung: Prüfe den Code, der den automatischen Rand des Titels und seine Interaktion mit Schiebereglern/Schaltflächen behandelt. Konzentriere dich darauf, wie der obere Rand berechnet wird und wie er die Positionierung der Spuren beeinflusst. Schau dir Funktionen wie `automargin` in `src/components/modebar` oder `src/plots/cartesian/axes.js` an und verfolge die Logik, die den Plotbereich verschiebt.
Tech Stack: javascript
Domain: frontend
Issue Type: Fehler
Schwierigkeit: 2
Geschätzte Zeit: 1-3 Stunden
Aktivitätsstatus: Aktiv
Klarheit: Klar
Voraussetzungen: JavaScript
Einsteigerfreundlichkeit: 75