Les graphiques ou animations ne s'affichent pas
Pourquoi un graphique affiche un cadre vide, et quoi faire des éléments interactifs.
Dernière mise à jour :
Un cadre vide là où devrait être un graphique
Les graphiques sont dessinés par un script dans un élément canvas. Si l'écran est re-rendu sans réexécuter ce script — après un rechargement, un changement de version ou un enregistrement — l'élément survit mais pas le dessin, et vous obtenez un cadre vide.
À essayer
- Rechargez le projet. Souvent suffisant.
- Demandez la reconstruction du graphique sur cet écran.
- Demandez plutôt un graphique statique s'il doit seulement avoir l'air juste dans un design : « Remplace le graphique par une version SVG statique. » Les graphiques statiques survivent à tous les enregistrements et exports, ce qui, pour un livrable de design, est en général ce qu'on veut.
Les animations ne se jouent pas
Même cause profonde. Les designs sont stockés en balisage, et un comportement qui dépend de scripts exécutés au bon moment ne survit pas toujours à un aller-retour. Pour tout ce qui est riche en mouvement, concevez ici les écrans statiques et implémentez le mouvement après l'export.
Après l'export
Le code exporté contient ce qui était à l'écran. Si un graphique était vide sur le canevas, il est vide dans l'export. Corrigez-le avant d'exporter, ou branchez la vraie bibliothèque de graphiques dans votre propre base de code — ce que vous voudrez faire de toute façon dès qu'il affichera de vraies données.
Le signaler
Si un graphique reste vide de façon fiable sur un écran précis, contactez le support avec le lien du projet et le nom de l'écran.
Cet article vous a-t-il été utile ?
Articles liés
Un écran est vide
Frames vides après un plan, canevas vierge à l'ouverture, et écrans qui n'affichent rien.
Exporter le code (HTML, React, Tailwind)
Exportez un écran seul ou un projet entier en code front-end prêt pour la production.
Contacter le support
Comment nous joindre, et quoi inclure pour que nous puissions corriger dès la première réponse.