Topik ini menjelaskan cara menggunakan template DataV untuk mengembangkan proyek aplikasi visualisasi dengan membangun aplikasi visualisasi Epidemic Situation Control.
Informasi latar belakang
Contoh ini menggunakan Static Data Source, yang memungkinkan Anda langsung menempelkan data yang telah disiapkan di area konfigurasi data widget. Jika sumber data Anda adalah CSV File, Database, atau jenis lainnya, Anda perlu menambahkan sumber data terlebih dahulu.
Jika Anda perlu menggunakan sumber data API, Anda dapat langsung memasukkan alamat API di bilah konfigurasi data. Saat mengonfigurasi, jika Anda perlu mengaktifkan operasi seperti Server Proxy Request, lihat Konfigurasikan Data Lintas Domain.
Tampilan efek
Alur operasi
Anda dapat dengan cepat mencoba fitur DataV-Board dengan menyelesaikan langkah-langkah berikut untuk membuat aplikasi visualisasi template.
Langkah 1: Buat aplikasi visualisasi
Masuk ke Konsol DataV.
Di halaman Projects, klik PC Creation. Pilih template yang sesuai. Contoh ini menggunakan template Epidemic Situation Control. Klik Buat Proyek.
Di kotak dialog Create Project, masukkan nama aplikasi visualisasi dan pilih grup proyek. Jika belum ada grup yang dibuat, Anda dapat memilih Ungrouped.
Klik Create.
Setelah aplikasi berhasil dibuat, Anda akan dialihkan ke halaman editor kanvas, di mana Anda dapat melihat template yang dirancang dengan baik yang memenuhi persyaratan tampilan untuk data bisnis ritel baru perusahaan.
Langkah 2: Konfigurasikan gaya widget
Setelah membuat aplikasi visualisasi, Anda dapat memodifikasi gaya widget melalui metode berikut.
Klik untuk memilih widget di panel Layers di sebelah kiri, lalu sesuaikan konfigurasi gayanya melalui panel gaya di sebelah kanan.
CatatanAnda dapat menggandakan klik nama widget di lapisan editor kanvas untuk mengganti nama widget saat ini.
Gunakan metode yang sama untuk menyesuaikan konfigurasi widget lainnya sesuai kebutuhan Anda.
Langkah 3: Sesuaikan data widget
Anda dapat memodifikasi konten data widget melalui metode berikut sesuai dengan kebutuhan aktual Anda.
Di panel Lapisan di sebelah kiri, klik untuk memilih widget. Sebagai contoh: grafik gelembung Double 11.
Pilih tab Data di panel gaya di sebelah kanan, dan klik Configure Data Source. Di kotak dialog Data Source, pilih Static Data untuk Data Source Type.
Di area konfigurasi data di bawah, modifikasi data yang ada di template sesuai kebutuhan Anda, atau tempelkan data dalam format JSON yang telah disiapkan.
CatatanNama bidang saat menambahkan data harus konsisten dengan pengaturan sistem.
Setelah menyelesaikan konfigurasi data, Anda dapat mengklik ikon
setelah Data Response Result di halaman Set Data Source untuk menyegarkan hasil respon data.Setelah respons data berhasil, Configuration Complete dan Matched Successfully akan ditampilkan di halaman Data.
Gunakan metode yang sama untuk mengonfigurasi data untuk semua widget di aplikasi visualisasi.
Langkah 4: Pratinjau dan publikasikan aplikasi visualisasi
Setelah mengonfigurasi gaya widget dan sumber data, Anda dapat meninjau dan mempublikasikan aplikasi visualisasi untuk mengaktifkan pemutaran dan demonstrasi online dari dasbor. Langkah ini memperkenalkan cara meninjau dan mempublikasikan aplikasi visualisasi.
Klik ikon
di sudut kanan atas editor kanvas untuk meninjau aplikasi visualisasi di halaman baru.Setelah berhasil meninjau, Anda dapat mempublikasikan aplikasi visualisasi dengan mengikuti langkah-langkah berikut.
Klik ikon
di sudut kanan atas editor kanvas, lalu klik Publish Project di kotak dialog untuk membuka halaman publikasi.Di halaman publikasi, klik ikon
di sebelah kanan Sharing URL untuk menyalin tautan.CatatanDi halaman publikasi, Anda dapat melakukan manajemen informasi publikasi dan snapshot sesuai kebutuhan.
Salin dan tempel URL ke bilah alamat browser untuk melihat aplikasi visualisasi yang diterbitkan secara online.