Fitur Interaktif
Perbesar, arahkan kursor, dan geser
Fitur Interaktif adalah pelajaran Python Academy gratis di CoddyKit. Ini adalah pelajaran 2 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Python Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Python Academy mencakup 4 pelajaran total.
Mengapa Interaktivitas Penting
Keunggulan terbesar Plotly dibandingkan pustaka statis adalah grafiknya merespons pengguna. Pembaca dapat memperbesar suatu wilayah, menggeser tampilan melintasi data, dan mengarahkan kursor untuk membaca nilai persis tanpa memenuhi grafik dengan label.
Interaktivitas memungkinkan satu grafik menyajikan gambaran umum sekaligus perincian.
Keterangan Saat Kursor Diarahkan
Secara bawaan, mengarahkan kursor ke suatu titik akan menampilkan nilai x dan y-nya. Anda dapat memperkayanya dengan hover_data=['col1', 'col2'] untuk menambahkan kolom, atau dengan hover_name='name' untuk menetapkan judul tebal keterangan.
Keterangan yang baik menghilangkan kebutuhan akan tampilan yang penuh sesak pada grafik itu sendiri.
Membangun String Keterangan
Secara konsep, keterangan hanyalah teks berformat yang dirangkai dari satu baris data. Berikut gagasan yang sama dalam Python biasa.
point = {'name': 'Berlin', 'pop': 3700000, 'gdp': 154}
tooltip = point['name'] + '\nPop: ' + format(point['pop'], ',') + '\nGDP: ' + str(point['gdp'])
print(tooltip)Memperbesar dan Menggeser
Figure Plotly menyertakan bilah mode dengan alat untuk memperbesar, menggeser, dan memilih kotak. Pengguna juga dapat menyeret kursor untuk memperbesar sebuah persegi panjang dan mengeklik dua kali untuk mengatur ulang.
Perilaku ini aktif secara bawaan; biasanya Anda tidak perlu menulis kode untuk menggunakannya.
Rentang dan Pengaturan Ulang
Memperbesar tampilan akan mengubah rentang sumbu untuk sementara. Anda dapat menetapkan rentang awal dengan fig.update_xaxes(range=[0, 100]), dan pengguna selalu dapat mengembalikannya ke rentang tersebut.
Anggap pembesaran sebagai tindakan memilih subjendela dari seluruh rentang data.
full_min, full_max = 0, 1000
zoom_min, zoom_max = 200, 400
visible = zoom_max - zoom_min
total = full_max - full_min
print('Zoom shows', round(visible / total * 100), '% of the range')Mode Keterangan
fig.update_layout(hovermode='x unified') menampilkan satu keterangan yang mencantumkan setiap seri pada posisi x tempat kursor diarahkan. Ini sangat baik untuk membandingkan beberapa garis pada titik waktu yang sama.
Mode lainnya mencakup 'closest' dan 'x'.
Interaktivitas Legenda
Legenda Plotly dapat diklik. Satu klik menyembunyikan sebuah seri; dua klik hanya menampilkan seri tersebut. Dengan begitu, pengguna dapat berfokus pada data yang mereka perlukan tanpa Anda harus membuat grafik terpisah.
Fitur ini bekerja secara otomatis setiap kali grafik Anda memiliki beberapa jejak.
Penggeser Rentang
Untuk deret waktu, tambahkan penggeser rentang dengan fig.update_xaxes(rangeslider_visible=True). Grafik ringkasan kecil akan muncul di bawah, sehingga pengguna dapat menyeret penggeser untuk memilih jendela tanggal.
Fitur ini cocok dipadukan dengan tombol pemilih rentang seperti 1m, 6m, YTD.
Templat Keterangan Khusus
Untuk kendali penuh, gunakan hovertemplate, yaitu string dengan placeholder seperti %{x} dan %{y}. Anda menentukan teks persis dan pemformatan angka yang ditampilkan saat kursor diarahkan.
Merancang templat sama seperti merancang string berformat lainnya.
x, y = 2021, 42.567
template = 'Year %{x}: $%{y:.1f}M'
rendered = template.replace('%{x}', str(x)).replace('%{y:.1f}', format(y, '.1f'))
print(rendered)Mengetahui Kapan Harus Berhenti
Interaktivitas memang kuat, tetapi bukan tanpa biaya. Terlalu banyak kendali dapat membuat pembaca umum kewalahan. Aktifkan fitur yang menjawab pertanyaan nyata, dan andalkan pengaturan bawaan yang sesuai untuk sisanya.
Bilah Mode
Bilah alat di kanan atas setiap Figure disebut bilah mode. Bilah ini menyediakan fitur untuk memperbesar, menggeser, menyesuaikan skala secara otomatis, serta tombol kamera untuk mengunduh PNG. Anda dapat mengonfigurasi atau menyembunyikannya dengan argumen config saat menampilkan Figure.
Menyembunyikan tombol yang tidak digunakan membuat grafik lebih rapi bagi pembaca nonteknis.
Pemeriksaan Singkat
Uji pengetahuan Anda tentang fitur interaktif.
Rangkuman
Anda telah menjelajahi interaktivitas Plotly:
- Keterangan saat kursor diarahkan, yang diperkaya dengan
hover_datadanhovertemplate - Memperbesar dan menggeser melalui bilah mode bawaan
hovermode='x unified'untuk keterangan gabungan- Legenda yang dapat diklik dan penggeser rentang untuk deret waktu
Gunakan fitur-fitur ini secara sengaja untuk menjawab pertanyaan nyata.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Fitur Interaktif” gratis?
Ya — teks lengkap “Fitur Interaktif” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Python Academy, upgrade ke CoddyKit PRO. Kursus Python Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Fitur Interaktif”?
Perbesar, arahkan kursor, dan geser Kamu berlatih Python Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Python Academy?
Tidak diperlukan pengalaman sebelumnya. Python Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 2 dari 4.
Berapa lama pelajaran “Fitur Interaktif” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Python Academy ini?
Ya. Setiap pelajaran Python Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.