Diagram area adalah variasi dari diagram garis atau diagram deret waktu. Diagram ini menggunakan area berarsir di bawah garis yang diplot pada grafik untuk menunjukkan volume data yang diwakili oleh garis. Seperti diagram deret waktu, diagram area berguna untuk melihat tren data seiring waktu.
Diagram area di Looker Studio
Diagram area memungkinkan Anda memvisualisasikan satu dimensi (dimensi perincian) dan satu metrik, yang diplot dari waktu ke waktu.
Contoh diagram area
Contoh berikut menampilkan dua diagram area. Kedua diagram tersebut menampilkan data penjualan toko hewan fiktif. Diagram pertama menunjukkan penjualan item berdasarkan kategori (yang terdapat pada dimensi Kategori Produk). Dimensi Product Category memiliki tiga nilai: Bird, Dog, dan Cat.
Diagram kedua menunjukkan penjualan setiap produk (yang terdapat pada dimensi Item).
Metrik pada kedua diagram adalah jumlah yang terjual (disebut dengan Qty Sold pada sumber data).
Kedua contoh tersebut menunjukkan dua gaya diagram area yang berbeda. Diagram pertama bertumpuk: nilai deretnya ditampilkan dalam lapisan yang saling tumpang-tindih. Diagram kedua tidak bertumpuk: setiap deret dimulai di dasar pengukuran yang sama.
Jenis diagram area lainnya
Selain diagram area dasar, Anda dapat memilih dari jenis diagram preset Diagram area bertumpuk atau Diagram area bertumpuk 100% saat menambahkan diagram area dari toolbar.
Diagram area bertumpuk
Gunakan diagram area bertumpuk untuk menampilkan hubungan bagian ke keseluruhan dan menemukan tren data dari waktu ke waktu. Misalnya, menunjukkan cara 3 produk berkontribusi terhadap total penjualan setiap bulan atau kuartal.
Diagram area bertumpuk 100%
Gunakan diagram area bertumpuk 100% untuk menampilkan hubungan bagian ke keseluruhan dan menemukan tren data dari waktu ke waktu, jika total kumulatif tidak penting.
Mengonfigurasi diagram
Tambahkan diagram baru atau pilih diagram yang ada. Kemudian, gunakan panel Properti untuk mengonfigurasi properti tab Penyiapan dan Gaya diagram.
Menyiapkan data diagram
Opsi di tab Penyiapan pada panel Properti menentukan cara data diagram diatur dan ditampilkan.
Sumber data
Sumber data menghubungkan komponen dengan set data pokok.
- Untuk mengubah sumber data diagram, klik nama sumber data saat ini.
- Untuk melihat atau mengedit sumber data, klik
. (Anda harus memiliki setidaknya Izin lihat untuk melihat ikon ini.) - Klik +GABUNGKAN DATA untuk melihat data dari beberapa sumber data dalam diagram yang sama. Pelajari penggabungan data lebih lanjut.
Dimensi rentang tanggal
Opsi ini muncul jika sumber data Anda memiliki dimensi tanggal yang valid.
Catatan : Opsi ini tidak muncul untuk sumber data Google Ads atau Google Analytics, karena sumber data tersebut otomatis memilih dimensi jenis Tanggal dari sumber data.
Dimensi Rentang tanggal digunakan sebagai dasar untuk membatasi rentang tanggal diagram. Misalnya, rentang tanggal adalah dimensi yang digunakan jika Anda menetapkan properti rentang tanggal untuk diagram atau jika pelihat laporan menggunakan kontrol rentang tanggal untuk membatasi jangka waktu.
Dimensi
Dimensi adalah kategori data. Nilai dimensi (data yang terdapat dalam dimensi) adalah nama, deskripsi, atau karakteristik lain dari suatu kategori.
Setidaknya diperlukan satu dimensi waktu. Dimensi pertama yang Anda tentukan berfungsi sebagai deret data utama dalam diagram. Jika Anda menentukan Dimensi perincian, diagram dibatasi ke satu metrik.
Melihat perincian
Opsi ini muncul di diagram yang mendukungnya.
Dengan melihat perincian, pelihat dapat menampilkan tingkat detail tambahan dalam diagram. Jika Anda mengaktifkan opsi Lihat perincian , setiap dimensi yang Anda tambahkan akan menjadi tingkat detail lain yang perinciannya dapat dilihat. Pelajari lebih lanjut fitur lihat perincian diagram.
Dimensi perincian
Opsi ini menampilkan perincian data metrik menurut dimensi yang dipilih. Misalnya, sebuah diagram yang menampilkan data penjualan tahunan dapat diperinci menurut dimensi Wilayah Penjualan untuk menampilkan penjualan berdasarkan wilayah atau menurut dimensi ID Karyawan untuk menampilkan penjualan berdasarkan staf penjualan.
Metrik
Metrik mengukur hal-hal yang terdapat dalam dimensi dan memberikan skala numerik dan deret data untuk diagram.
Metrik adalah agregasi yang berasal dari set data pokok atau yang merupakan hasil penerapan fungsi agregasi secara implisit atau eksplisit, seperti COUNT(), SUM(), atau AVG(). Metrik itu sendiri tidak memiliki kumpulan nilai yang ditetapkan, sehingga Anda tidak dapat mengelompokkan menurut metrik seperti yang dapat dilakukan dengan dimensi.
Pelajari agregasi lebih lanjut.
Anda dapat menampilkan satu metrik dalam diagram area.
Metrik opsional
Anda dapat menambahkan metrik opsional dengan memilih tombol Metrik opsional dan memilih metrik dari pemilih kolom Tambahkan metrik. Anda juga dapat menarik lalu melepas metrik dari daftar kolom di panel Data ke pemilih Metrik opsional.
Penggeser metrik
Aktifkan tombol Penggeser metrik untuk menambahkan penggeser metrik ke diagram boxplot.
Menetapkan urutan default
Opsi Urutkan dan Pengurutan dimensi perincian dalam panel penyiapan diagram mengontrol perilaku pengurutan default. Anda dapat memilih metrik apa pun dalam sumber data diagram, atau dimensi apa pun yang sedang ditampilkan di diagram, untuk digunakan sebagai kolom pengurutan utama atau sekunder.
Opsi Pengurutan dimensi perincian hanya muncul saat dimensi perincian ditetapkan.
Saat menentukan metrik sebagai kolom pengurutan, Anda dapat mengedit agregasi kolom tersebut. Misalnya, Anda dapat menyertakan kolom numerik dalam diagram sebagai SUM, tetapi mengurutkan kolom tersebut menurut nilai AVERAGE.
Rentang tanggal default
Properti Rentang tanggal default memungkinkan Anda menentukan jangka waktu untuk tiap-tiap diagram .
Opsi rentang tanggal default
| Otomatis | Menggunakan rentang tanggal default, yang ditentukan oleh sumber data diagram. |
| Kustom | Memungkinkan Anda menggunakan widget kalender untuk memilih rentang tanggal kustom untuk diagram. |
| Jenis perbandingan tanggal | Menampilkan data perbandingan untuk jangka waktu yang dipilih. |
Pelajari lebih lanjut cara menggunakan tanggal dan waktu.
Filter
Filter membatasi data yang ditampilkan di komponen dengan menyertakan atau mengecualikan nilai yang Anda tentukan . Pelajari properti filter lebih lanjut.
Opsi filter
| Nama filter | Klik filter yang ada untuk mengeditnya. Arahkan kursor mouse ke atas nama filter dan klik X untuk menghapusnya. |
| +Tambahkan filter | Klik opsi ini untuk membuat filter baru untuk diagram. |
Interaksi diagram
Jika opsi Filter silang diaktifkan pada diagram, diagram tersebut berfungsi seperti kontrol filter. Anda dapat memfilter laporan dengan mengklik atau menggeser kursor mouse di diagram. Pelajari filter silang lebih lanjut.
Opsi Zoom memungkinkan Anda memperbesar diagram dan menggeser diagram tersebut untuk melihat semua data yang ada. Pelajari lebih lanjut cara men-zoom dan menggeser diagram Kartesius.
Menata gaya diagram
Opsi di tab Gaya mengontrol keseluruhan presentasi dan tampilan diagram.
Judul
Aktifkan opsi Tampilkan judul untuk menambahkan judul ke diagram. Looker Studio dapat otomatis membuat judul, atau Anda dapat membuat judul kustom untuk diagram. Anda juga dapat menyesuaikan gaya visual dan penempatan judul.
Buat otomatis
Opsi ini diaktifkan secara default. Jika Buat Otomatis dipilih, Looker Studio akan membuat judul berdasarkan jenis diagram dan kolom yang digunakan dalam diagram. Judul yang dibuat otomatis akan diperbarui jika Anda mengubah jenis diagram atau membuat perubahan pada kolom yang digunakan dalam diagram.
Untuk menambahkan judul kustom ke diagram, masukkan judul ke kolom Judul. Tindakan ini akan menghapus centang pada kotak Autogenerate dan menonaktifkan setelan ini.
Opsi judul
| Judul | Menyediakan kolom teks tempat editor laporan dapat memasukkan judul kustom untuk diagram. |
| Jenis font judul |
Menetapkan jenis font untuk teks judul. |
| Ukuran font judul | Menetapkan ukuran font untuk teks judul. |
| Opsi gaya font | Menerapkan gaya visual tebal, miring, atau garis bawah pada teks judul. |
| Warna font judul | Menetapkan warna font untuk teks judul. |
| Kiri | Menyejajarkan judul diagram dengan sisi kiri diagram. |
| Tengah | Memusatkan judul diagram di atas atau di bawah diagram. |
| Kanan | Menyejajarkan judul diagram dengan sisi kanan diagram. |
| Atas | Menempatkan judul diagram di bagian atas diagram. |
| Bawah | Menempatkan judul diagram di bagian bawah diagram. |
Diagram Area
Bagian ini mengontrol keseluruhan tampilan dan tata letak diagram.
| Tampilkan Stack | Menumpuk deret data. | |
| 100% Tumpukan | Jika opsi ini dipilih, diagram bertumpuk menampilkan kontribusi setiap deret data hingga 100% total nilai. | |
| Tampilkan Kumulatif | Jika dicentang, deret data dijumlahkan dari waktu ke waktu. Jika tidak, data akan ditampilkan tanpa agregasi tambahan. | |
| Menampilkan titik | Menampilkan titik data individual. Pengguna dapat mengarahkan kursor ke titik data untuk menampilkan nilainya. | |
| Tampilkan label data | Menampilkan nilai masing-masing titik data dalam deret. Jika dipilih, opsi ini juga akan menampilkan bagian Label data , tempat Anda dapat mengontrol penyajian label pada diagram. | |
Label data
Jika mencentang kotak Tampilkan label data di bagian Diagram Area , Anda dapat mengonfigurasi opsi berikut.
| Nomor Ringkas | Membulatkan angka dan menampilkan indikator satuan. Misalnya, 553.939 menjadi 553,9 ribu. |
| Ketepatan Desimal | Menetapkan jumlah desimal dalam nilai metrik. |
| Ukuran font label | Menetapkan ukuran font untuk teks label. |
| Warna font label | Menetapkan warna font untuk teks label. |
| Jenis font label | Menetapkan jenis font teks label. |
| Opsi gaya font | Menerapkan gaya visual tebal atau miring ke teks label. |
| Latar belakang label | Menetapkan warna latar belakang untuk teks label. |
| Opasitas label | Untuk label dengan warna latar belakang kustom, setelan ini menyesuaikan opasitas latar belakang untuk teks label. Opasitas 100% membuat latar belakang solid, dan opasitas 0% membuat latar belakang sepenuhnya transparan. |
| Radius batas label | Untuk label dengan warna latar belakang kustom, setelan ini menambahkan batas lengkung ke latar belakang diagram. Pilih nilai dari 0 px (sudut 90°) hingga 20 px (pembulatan maksimum). |
Garis referensi
Tambahkan garis referensi atau rentang rujukan ke diagram dengan memilih opsi Tambahkan garis referensi atau Tambahkan rentang rujukan.
Untuk mengetahui informasi selengkapnya tentang garis referensi dan rentang rujukan, buka halaman Menambahkan garis referensi dan rentang rujukan ke diagram. Garis referensi tidak tersedia untuk diagram area bertumpuk 100%.
Jumlah Seri
Menentukan jumlah deret dimensi perincian yang ditampilkan di diagram. Setelan ini tersedia jika Anda telah menetapkan nilai untuk Dimensi Perincian. Pilih jumlah deret yang akan ditampilkan dari menu drop-down. Deret yang ditampilkan didasarkan pada spesifikasi Pengurutan dimensi perincian.
Kelompokkan Lainnya
Centang kotak Kelompokkan Lainnya untuk menggabungkan hasil yang berada di luar batas Jumlah Deret yang telah ditentukan ke dalam satu deret yang akan memiliki label Lainnya. Dengan kotak centang ini, Anda dapat membandingkan deret lainnya dengan konteks hasil yang tersisa.
Warnai menurut
Bagian ini mengontrol pewarnaan data Anda. Pelajari lebih lanjut cara mewarnai data Anda.
Opsi ini muncul saat Anda memiliki dimensi sekunder (perincian) dalam diagram.
| Satu Warna | Jika opsi ini dipilih, deret data akan ditampilkan dalam satu warna yang sama. Jika tidak, diagram akan ditampilkan dalam beberapa warna, sesuai dengan [tema laporan](/looker/docs/studio/how-to-color-your-reports). Anda dapat menetapkan warna tertentu dengan menggunakan pemilih warna untuk setiap deret data. |
| Urutan seri | Gunakan tema saat ini untuk mewarnai data sesuai dengan posisinya dalam diagram. Opsi ini menekankan peringkat data daripada identitas data. Anda dapat menetapkan warna tertentu dengan menggunakan pemilih warna untuk setiap deret data. |
| Nilai dimensi | Opsi ini mewarnai setiap nilai dimensi di diagram dengan warna yang ditentukan dalam peta warna nilai dimensi. Opsi ini memastikan data Anda menggunakan warna secara konsisten, terlepas dari posisi data tersebut dalam diagram. |
Data tidak ada
Opsi ini muncul saat dimensi waktu tidak memiliki data. Looker Studio menawarkan 3 cara untuk menghadapi situasi ini.
| Baris ke Nol | Jika memilih opsi ini, deret garis akan turun ke nol untuk tanggal yang hilang. Opsi ini adalah opsi default. |
| Jeda Baris | Jika opsi ini dipilih, data yang hilang akan muncul sebagai jeda dalam deret data. |
| Jenis Interpolasi Linear | Jika opsi ini dipilih, Looker Studio akan melanjutkan deret dengan menghubungkan titik-titik data di kedua sisi data yang hilang. |
Zoom
Setelah mengaktifkan opsi Zoom untuk diagram pada tab Penyiapan di panel Properti, Anda dapat memilih salah satu opsi berikut:
- Klik dan tarik untuk memperbesar/memperkecil : Zoom dengan mengklik dan menarik untuk memilih bagian visualisasi yang akan diperbesar.
- Scroll untuk men-zoom : Zoom dengan men-scroll menggunakan mouse.
Secara opsional, centang kotak Hanya Geser/Zoom sumbu X untuk mengizinkan fungsi zoom dan geser di sepanjang sumbu X saja.
Sumbu
Opsi ini mengontrol tampilan judul dan skala sumbu diagram. Bagian sumbu Y di sebelah kanan akan muncul jika Anda memiliki lebih dari satu metrik dalam diagram.
Opsi sumbu
| Menampilkan sumbu | Menampilkan atau menyembunyikan sumbu diagram. |
| Balik arah Sumbu Y | Mengontrol tampilan vertikal sumbu Y. |
| Balik Sumbu X | Mengontrol tampilan horizontal sumbu X. |
Sumbu Y di sebelah kiri
Opsi ini mengontrol tampilan sumbu Y sebelah kiri diagram. Bagian sumbu Y di sebelah kanan akan muncul jika Anda memiliki lebih dari satu metrik dalam diagram.
Opsi sumbu
| Menampilkan judul sumbu | Menampilkan atau menyembunyikan label sumbu. | |
| Min dan maks sumbu | Menetapkan nilai minimum dan maksimum untuk sumbu. | |
| Interval titik skala kustom | Mengontrol interval antartitik skala sumbu. | |
| Skala log | Membuat skala sumbu menjadi logaritmik. | |
Sumbu X
Opsi ini mengontrol tampilan sumbu X diagram.
Opsi sumbu
| Menampilkan judul sumbu | Menampilkan atau menyembunyikan label sumbu. | |
| Interval titik skala kustom | Mengontrol interval antartitik skala sumbu. | |
| Rentang | Menetapkan rentang sumbu X. | |
Petak
Opsi ini mengontrol tampilan petak diagram.
| Warna sumbu | Menetapkan warna garis sumbu. | |
| Warna petak | Menetapkan warna garis petak. | |
| Jenis font | Menetapkan jenis font untuk teks garis petak. | |
| Ukuran font sumbu | Menetapkan ukuran font untuk teks garis petak. | |
| Latar belakang diagram | Menetapkan warna latar belakang diagram. | |
| Warna batas diagram | Menetapkan warna batas diagram bagian dalam. | |
Legenda
Opsi ini menentukan penempatan legenda diagram.
| Warna font legenda | Menetapkan warna font legenda. |
| Ukuran font | Menetapkan ukuran font legenda. |
| Jenis font | Menetapkan jenis font legenda. |
| Tidak ada | Tidak ada legenda yang muncul. |
| Kanan | Legenda muncul di sebelah kanan. |
| Bawah | Legenda muncul di bagian bawah. |
| Atas | Legenda muncul di bagian atas. |
| Perataan | Menetapkan perataan legenda secara relatif terhadap posisi yang dipilih. |
| Baris maks. | Menetapkan jumlah baris yang digunakan oleh legenda. Jika jumlah deret membutuhkan lebih banyak baris, item tambahan dapat ditampilkan dengan mengklik tanda panah \< dan \>. Perhatikan bahwa setelan ini hanya berlaku jika legenda ditetapkan ke Atas. Setelan ini tidak berpengaruh jika legenda ditetapkan ke Kanan atau Bawah. |
Latar belakang dan batas
Opsi ini mengontrol tampilan penampung latar belakang diagram.
| Latar belakang | Menetapkan warna latar belakang diagram. |
| Radius Batas | Menambahkan batas lengkung ke latar belakang diagram. Jika radius 0, bentuk latar belakang memiliki sudut 90°. Radius batas 100° menghasilkan bentuk lingkaran. |
| Opasitas | Menetapkan opasitas diagram. Opasitas 100% menyembunyikan objek sepenuhnya di balik diagram. Opasitas 0% menjadikan diagram tidak terlihat. |
| Warna Batas | Menetapkan warna batas diagram. |
| Tebal Batas | Menetapkan ketebalan garis batas diagram. |
| Gaya Batas | Menetapkan gaya garis batas diagram. |
| Menambahkan bayangan batas | Menambahkan bayangan ke batas bawah dan kanan diagram. |
Header diagram
Header diagram memungkinkan pelihat melakukan berbagai tindakan pada diagram, seperti mengekspor data, melihat tampilan lebih luas atau lebih sempit, atau mengurutkan diagram. Opsi header diagram adalah sebagai berikut:
| Tampilkan sesuai gerakan kursor (default) | Tiga titik vertikal muncul saat Anda mengarahkan kursor mouse ke header diagram. Klik tiga titik vertikal ini untuk mengakses opsi header. |
| Selalu tampilkan | Opsi header selalu muncul. |
| Jangan tampilkan | Opsi header tidak pernah muncul. Perhatikan bahwa pelihat laporan dapat mengakses opsi kapan saja dengan mengklik kanan diagram. |
| Color | Menetapkan warna opsi header diagram. |