plotly/plotly.js

[BUG]: Background image is rendered at an incorrect size after box zoom followed by mouse wheel zoom out

Aberta

#7.914 aberto em 21 de jul. de 2026

Ver no GitHubGuia do colaborador
 (6 comentários) (0 reação) (0 responsável)JavaScript (1.846 forks)batch import
P2buggood first issuegood for agentsize: 1

Métricas do repositório

Stars
 (15.964 estrelas)
Métricas de merge de PR
 (Mesclagem média 35d 19h) (36 fundiu PRs em 30d)

Description

Description

On charts containing a background image with xref: "x" and yref: "y", performing a box zoom followed by a manual zoom out causes the background image to be rendered with an incorrect size and position. It no longer matches the coordinate system defined by xref and yref.

Screenshots/Video

https://github.com/user-attachments/assets/08c53c01-0fca-4845-8b59-06e837382884

Steps to reproduce

Here https://codepen.io/JulienIcon/pen/QwdBypd, try to box zoom a small part of the chart and then try to manually zoom out using the mouse wheel

Notes

If the zoom is reset using the default double-click interaction, the background image is rendered correctly again.

Guia do colaborador

Direção de pesquisa
Investigue a lógica de atualização de zoom no plotly.js, especificamente como as coordenadas da imagem de fundo são recalculadas após um zoom de caixa e um zoom com roda do mouse. Verifique os manipuladores 'relayout' e 'relayoutCallback' e confirme se o tamanho da imagem é atualizado corretamente quando o intervalo de zoom muda. Compare com o comportamento de redefinição com duplo clique.
Pilha de tecnologia
javascript
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
JavaScriptPlotly.js basics
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60