Pertama-tama, kita harus menginstal Dash di sistem kita. Tekan Ctrl+Alt+T di Ubuntu Anda, itu akan membuka terminal. Untuk menjalankan aplikasi Dash di sistem kami, kami akan menginstal 4 hingga 5 paket menggunakan perintah berikut:
$ sudo pip install dash dash-renderer dash-html-components dash-core-components plotlyATAU
$ sudo -H pip install dash dash-renderer dash-html-components dash-core-components plotlyKetika Anda akan menambahkan -H itu tidak akan mengeluarkan peringatan karena Anda akan masuk ke variabel Beranda dengan menggunakan -H dalam perintah. Bahkan jika Anda tidak menggunakannya, tidak apa-apa karena akan menampilkan peringatan tetapi Dash akan tetap diinstal.
Sekarang, Anda akan melanjutkan untuk membuat skrip python. Contoh kode pertama kami hanya akan menampilkan output sederhana di browser web kami pada alamat server dan port yang disebutkan di atas. Dalam contoh, 3 baris pertama adalah impor tanda hubung, komponen dasbor-inti, dan dasbor-html-komponen masing-masing. Dash-core-components as dcc berarti di mana pun kita ingin menggunakan dash-core-components, kita dapat menggunakan 'dcc' sebagai gantinya dan sama halnya jika kita ingin menggunakan dash-html-components, kita dapat menggunakan 'html'. Dash() adalah kelas bawaan yang menyimpan kode default untuk aplikasi Dash. 'aplikasi.layout' mewakili semua yang ada di UI web yang berarti apa pun yang ingin Anda tampilkan di browser di aplikasi Dash, itu harus ditulis di zona operasi 'aplikasi.tata letak'. Mengikuti contoh kode sederhana pertama kami yang hanya menampilkan output sederhana:
Contoh Kode #1:
tanda hubung imporimpor dash_core_components sebagai dcc
impor dash_html_components sebagai html
aplikasi = tanda hubung.Berlari()
aplikasi.tata letak = html.Div('LinuxHint YouTube Hai')
jika __name__ == '__main__':
aplikasi.run_server(debug=Benar)
Keluaran:
Contoh kedua adalah tentang membuat grafik. Kami akan menggunakan 'dcc' yang pada dasarnya berarti dasbor-core-komponen dan kami akan membuat grafik menggunakan itu. Dalam contoh kami, kami telah menggambar grafik contoh Energi dan Waktu dengan nilai acak 'x' dan 'y' dengan memberikan jenis 'garis' ke Energi dan jenis 'batang' ke Waktu. Kami akan melakukan semua itu di dalam metode dcc.Graph() di mana kita akan menamai kedua sumbu grafik dan mengatur judul grafik juga.
Contoh Kode #2:
tanda hubung imporimpor dash_core_components sebagai dcc
impor dash_html_components sebagai html
aplikasi = tanda hubung.Berlari()
aplikasi.tata letak = html.Div(anak=[
html.Div(anak-anak='LinuxHint Youtube Hai'),
dcc.Grafik(
id="grafik",
angka=
'data': [
'x':[1,2,3,4,5,6,7], 'y':[11,12,22,23,24,44,55], 'type':'line', ' nama':'Energi',
'x':[1,2,3,4,5,6,7], 'y':[13,15,26,27,34,44,65], 'type':'bar', ' nama':'Waktu',
],
'tata letak':
'title': 'Grafik untuk Waktu dan Energi'
)
])
jika __name__ == '__main__':
aplikasi.run_server(debug=Benar)
Keluaran:
Kiat Pro: Saat menulis skrip python, gunakan python IDE atau editor teks pintar yang mengindentasi kode secara otomatis untuk Anda. Hindari menggunakan notepad atau editor teks sederhana untuk skrip python karena lekukan kode merupakan faktor penting dalam python saat menjalankannya.
Saya akan menjelaskan ini lebih detail dalam bentuk video juga.