onUpdate - reset the zoom in Nextjs (React)

Aberta
#328 2 comentários 0 reações 0 responsáveis Ver no GitHub

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
4/5
Tempo estimado
3-5 dias
Facilidade para iniciantes
25/100
Tipo de issue
Bug
Clareza
Precisa de esclarecimento
Status de atividade
Estagnada
Stack de tecnologia
javascript, nextjs, react

Direção de pesquisa

Comece reproduzindo a redefinição do zoom em torno do fluxo com onUpdate, useState e setTempXandY mostrado na issue. Rastreie como as coordenadas da seleção e o intervalo de zoom são atualizados e, em seguida, verifique se a atualização da seleção não redefine mais inesperadamente o zoom do gráfico após o timeout.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

When use onUpdate the big problem with read any X and Y of selection.
After selection using useState - setTempXandY reset the zoom in, state.
How to solve the the reseting the zoom in, after XXXX seconds?

onUpdate={(EvEnT) => tempUpDaTe(EvEnT)}

const tempUpDaTe= (EvEnT: any) => {
    clearTimeout(timeoutId);
    timeoutId = setTimeout(() => {
        setTempXandY(prevState => ({
            ...prevState,
            x: e.layout.xaxis.range[0],
            y: e.layout.yaxis.range[0]
        }));
    }, 5500);
};
Linguagem predominante
JavaScript
Estrelas
1.1k
Forks
138
Métricas de merge de PRs
Nenhum PR com merge em 30d

Preparar o ambiente

Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de plotly/react-plotly.js

Todas as issues de plotly/react-plotly.js

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.