- Pusat Bantuan
- Pemecahan masalah
- Grafik atau animasi tidak terender
Grafik atau animasi tidak terender
Kenapa sebuah grafik menampilkan kotak kosong, dan apa yang harus dilakukan pada elemen interaktif.
Terakhir diperbarui:
Di halaman ini
Kotak kosong di tempat grafik seharusnya berada
Grafik digambar oleh skrip ke dalam elemen canvas. Kalau layarnya dirender ulang tanpa menjalankan lagi skrip itu — setelah dimuat ulang, berpindah versi, atau disimpan — elemennya bertahan tapi gambarnya tidak, dan Anda mendapat kotak kosong.
Yang bisa dicoba
- Muat ulang proyeknya. Sering kali sudah cukup.
- Minta grafiknya dibangun ulang di layar itu.
- Minta grafik statis saja kalau ia hanya perlu terlihat benar dalam sebuah desain: “Ganti grafiknya dengan versi SVG statis.” Grafik statis bertahan melewati setiap penyimpanan dan ekspor, yang untuk hasil kerja desain biasanya memang yang Anda inginkan.
Animasi tidak berjalan
Akar penyebabnya sama. Desain disimpan sebagai markup, dan perilaku yang bergantung pada skrip berjalan di saat yang tepat tidak selalu bertahan melewati perjalanan bolak-balik. Untuk apa pun yang kaya gerak, desain bingkai statisnya di sini dan terapkan geraknya setelah ekspor.
Setelah mengekspor
Kode hasil ekspor memuat apa yang ada di layar. Kalau sebuah grafik kosong di kanvas, ia kosong di hasil ekspor. Perbaiki sebelum mengekspor, atau sambungkan pustaka grafik yang asli di basis kode Anda sendiri — yang toh akan Anda lakukan begitu ia menampilkan data sungguhan.
Melaporkannya
Kalau sebuah grafik selalu kosong di layar tertentu, hubungi dukungan dengan tautan proyek dan nama layarnya.
Apakah artikel ini membantu?
Artikel terkait
Sebuah layar kosong
Frame kosong setelah sebuah rencana, kanvas kosong saat dibuka, dan layar yang tidak merender apa pun.
Ekspor kode (HTML, React, Tailwind)
Ekspor satu layar atau satu proyek penuh sebagai kode front-end siap produksi.
Hubungi dukungan
Cara menghubungi kami, dan apa yang perlu disertakan agar bisa kami perbaiki di balasan pertama.