- Справочный центр
- Решение проблем
- Графики или анимации не отрисовываются
Графики или анимации не отрисовываются
Почему график показывает пустую рамку и что делать с интерактивными элементами.
Обновлено:
На этой странице
Пустая рамка там, где должен быть график
Графики рисует скрипт внутри элемента canvas. Если экран отрисовывается заново, а этот скрипт не запускается — после перезагрузки, переключения версии или сохранения, — элемент остаётся, а рисунок нет, и вы получаете пустую рамку.
Что попробовать
- Перезагрузите проект. Часто этого хватает.
- Попросите пересобрать график на этом экране.
- Попросите статический график, если он просто должен выглядеть правильно в макете: «Замени график статической SVG-версией». Статические графики переживают любые сохранения и экспорт, а для дизайн-макета обычно именно это и нужно.
Анимации не проигрываются
Та же первопричина. Макеты хранятся как разметка, и поведение, зависящее от того, что скрипты запустятся в нужный момент, не всегда переживает круг сохранения и загрузки. Для всего, где много движения, проектируйте здесь статические кадры, а движение реализуйте после экспорта.
После экспорта
Экспортированный код содержит то, что было на экране. Если график был пуст на холсте, он пуст и в экспорте. Исправьте это до экспорта либо подключите настоящую графическую библиотеку в своей кодовой базе — что вы всё равно захотите сделать, как только там появятся реальные данные.
Как сообщить
Если график стабильно пуст на конкретном экране, напишите в поддержку, приложив ссылку на проект и название экрана.
Была ли статья полезной?
Похожие статьи
Экран пустой
Пустые фреймы после плана, пустой холст при открытии и экраны, которые ничего не отрисовывают.
Экспорт кода (HTML, React, Tailwind)
Выгрузите один экран или весь проект как готовый к продакшену фронтенд-код.
Связаться с поддержкой
Как с нами связаться и что приложить, чтобы вопрос решился с первого ответа.