- Hilfe-Center
- Fehlerbehebung
- Diagramme oder Animationen rendern nicht
Diagramme oder Animationen rendern nicht
Warum ein Diagramm einen leeren Kasten zeigt und was du mit interaktiven Elementen tust.
Zuletzt aktualisiert:
Auf dieser Seite
Leerer Kasten, wo ein Diagramm sein sollte
Diagramme werden von einem Skript in ein Canvas-Element gezeichnet. Wenn der Screen neu gerendert wird, ohne dass dieses Skript erneut läuft — nach einem Neuladen, einem Versionswechsel oder einem Speichern — überlebt das Element, die Zeichnung nicht, und du bekommst einen leeren Kasten.
Was du versuchen kannst
- Lade das Projekt neu. Oft genug.
- Frag an, das Diagramm neu zu bauen auf diesem Screen.
- Frag stattdessen ein statisches Diagramm an, wenn es in einem Design nur richtig aussehen muss: „Ersetze das Diagramm durch eine statische SVG-Fassung.“ Statische Diagramme überstehen jedes Speichern und Exportieren, was für ein Design-Ergebnis meist genau das ist, was man will.
Animationen spielen nicht
Dieselbe Grundursache. Designs werden als Markup gespeichert, und Verhalten, das darauf angewiesen ist, dass Skripte zum richtigen Zeitpunkt laufen, übersteht einen Rundlauf nicht immer. Für alles Bewegungslastige: hier die statischen Frames gestalten und die Bewegung nach dem Export implementieren.
Nach dem Export
Exportierter Code enthält, was auf dem Screen war. War ein Diagramm auf dem Canvas leer, ist es im Export leer. Repariere es vor dem Export, oder verdrahte die echte Diagrammbibliothek in deiner eigenen Codebasis — was du ohnehin willst, sobald echte Daten angezeigt werden.
Melden
Wenn ein Diagramm auf einem bestimmten Screen zuverlässig leer bleibt, kontaktiere den Support mit Projektlink und Screen-Namen.
War dieser Artikel hilfreich?
Verwandte Artikel
Ein Screen ist leer
Leere Frames nach einem Plan, ein leerer Canvas beim Öffnen und Screens, die nichts rendern.
Code exportieren (HTML, React, Tailwind)
Exportier einen einzelnen Screen oder ein ganzes Projekt als produktionsreifen Frontend-Code.
Support kontaktieren
Wie du uns erreichst und was du mitschicken solltest, damit wir es in der ersten Antwort lösen können.