- Central de Ajuda
- Solução de problemas
- Gráficos ou animações não renderizam
Gráficos ou animações não renderizam
Por que um gráfico mostra uma caixa vazia, e o que fazer com elementos interativos.
Última atualização:
Caixa vazia onde deveria ter um gráfico
Gráficos são desenhados por um script dentro de um elemento canvas. Se a tela é renderizada de novo sem esse script rodar outra vez — depois de um recarregamento, uma troca de versão ou um salvamento — o elemento sobrevive mas o desenho não, e você fica com uma caixa vazia.
O que tentar
- Recarregue o projeto. Muitas vezes basta.
- Peça para reconstruir o gráfico naquela tela.
- Peça um gráfico estático se ele só precisa parecer certo em um design: “Substitua o gráfico por uma versão estática em SVG.” Gráficos estáticos sobrevivem a todo salvamento e exportação, o que para uma entrega de design costuma ser o que você quer.
Animações não tocam
Mesma causa raiz. Designs são guardados como marcação, e comportamento que depende de scripts rodando na hora certa nem sempre sobrevive a uma ida e volta. Para qualquer coisa com muito movimento, projete aqui os quadros estáticos e implemente o movimento depois da exportação.
Depois de exportar
O código exportado contém o que estava na tela. Se um gráfico estava vazio no canvas, está vazio na exportação. Corrija antes de exportar, ou ligue a biblioteca de gráficos de verdade na sua própria base de código — o que você vai querer fazer de qualquer jeito assim que ele mostrar dados reais.
Reportar
Se um gráfico fica em branco de forma consistente em uma tela específica, fale com o suporte com o link do projeto e o nome da tela.
Este artigo foi útil?
Artigos relacionados
Uma tela está em branco ou vazia
Frames vazios depois de um plano, canvas em branco ao abrir, e telas que não renderizam nada.
Exportar código (HTML, React, Tailwind)
Exporte uma tela sozinha ou um projeto inteiro como código de front-end pronto para produção.
Falar com o suporte
Como nos encontrar, e o que incluir para conseguirmos resolver já na primeira resposta.