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

  1. Recarregue o projeto. Muitas vezes basta.
  2. Peça para reconstruir o gráfico naquela tela.
  3. 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

Read this in your language