Grafik atau animasi tidak terender

Kenapa sebuah grafik menampilkan kotak kosong, dan apa yang harus dilakukan pada elemen interaktif.

Terakhir diperbarui:

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

  1. Muat ulang proyeknya. Sering kali sudah cukup.
  2. Minta grafiknya dibangun ulang di layar itu.
  3. 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

Read this in your language