Cara menambahkan data ke dan mengonfigurasi gaya grafik area - Quick BI

Grafik area menampilkan tren data dari waktu ke waktu serta proporsi total yang diwakili oleh setiap deret data. Topik ini menjelaskan cara menambahkan data ke grafik area dan mengonfigurasi gayanya.

Prasyarat

Sebuah Dasbor telah dibuat. Untuk informasi selengkapnya, lihat Buat dasbor.

Ikhtisar

Skenario

Grafik area membantu Anda memahami tren keseluruhan data dalam suatu periode waktu. Misalnya, Anda dapat melihat apakah data meningkat, menurun, berubah secara periodik, atau meningkat secara eksponensial dalam periode tertentu.

Keunggulan

Kemampuan analitis: Anda dapat mengonfigurasi perbandingan year-on-year dan month-on-month, perhitungan kumulatif, garis bantu cerdas, garis tren, prediksi, deteksi anomali, serta analisis volatilitas hanya dengan satu klik.
Visualisasi: Mendukung grafik area, grafik area bertumpuk, dan grafik area bertumpuk 100%. Anda juga dapat menampilkan label, legenda, dan sumbu gambar mini.
Anotasi perbandingan data: Anda dapat membandingkan data terhadap periode sebelumnya dan menambahkan anotasi numerik.

Contoh Visualisasi

Batasan

Grafik area terdiri dari Value Axis/Measure, Category Axis/Dimension, dan Color Legend/Dimension.

Sumbu Kategori (Dim.): Memerlukan setidaknya satu dimensi, seperti tanggal, provinsi, atau jenis produk.
Sumbu Nilai (Mea.): Memerlukan setidaknya satu ukuran, seperti jumlah pesanan.
Legenda Warna (Dim.): Hanya mendukung satu dimensi, seperti metode pengiriman.
Catatan
Jika Anda memiliki multiple measure pada Value Axis (Mea.) dan menambahkan dimensi ke Color Legend (Dim.), Anda harus mengaktifkan filter metrik dalam grafik untuk berpindah antar metrik di dalam grafik.
Facet (Dim.): Hanya mendukung satu dimensi, seperti jenis produk.

Konfigurasi data grafik

Pada tab Data, pilih dimensi dan ukuran yang diperlukan:
- Pada daftar Dimension, klik ganda atau seret province ke bidang Category Axis (Dim.).
- Pada daftar Dimension, klik ganda atau seret product_type ke bidang Color Legend (Dim.).
- Pada daftar Measure, klik ganda atau seret Order amount ke bidang Value Axis (Mea.).
Klik Update.
(Opsional) Anda dapat menambahkan dimensi ke Facet (Dim.) untuk menampilkan tren data untuk setiap nilai dimensi dalam tata letak bersegi.
Catatan
Anda hanya dapat menambahkan satu dimensi facet. Tata letak bersegi memiliki batasan berikut:
- Bidang: Hanya Top N dan tanpa perhitungan yang didukung untuk bidang di Facet (Dim.).
- Gaya: Sumbu tidak mendukung secondary Y-axis. Tampilan bantu tidak mendukung sumbu gambar mini.
- Analisis: Hanya interaksi data yang didukung. Pengaturan lanjutan, analisis metrik, anotasi, dan wawasan AI tidak didukung.

Konfigurasi gaya grafik

Bagian ini menjelaskan cara mengonfigurasi gaya grafik. Untuk informasi tentang cara mengonfigurasi judul grafik, lihat Konfigurasi Judul Grafik.

Anda dapat menggunakan kotak Search di bagian atas panel konfigurasi untuk mencari item konfigurasi secara cepat. Klik ikon di sebelah kanan untuk memperluas atau menciutkan semua kategori.

面积图-搜索..gif

Area Plot

Di plotting area, Anda dapat mengatur gaya grafik garis.

Item konfigurasi	Deskripsi item konfigurasi
Pengaturan warna	Atur warna untuk area. Gunakan skema warna sistem atau tentukan warna kustom.
Pergantian Bagan Visualisasi	Pilih jenis grafik: Line chart, Area chart, Stacked area chart, atau 100% stacked area chart.
Jenis jalur	Pilih gaya jalur: Curve atau Straight line.
Gaya jalur	Atur jenis dan ketebalan jalur.
Penanganan nilai null	Pilih dari Skip directly, Set to zero (no break), atau Break line.
Aktifkan efek gradien	Aktifkan opsi ini untuk menampilkan area dalam warna gradien.
Stacked dan 100% Stacked	Beralih antara grafik area, grafik area bertumpuk, dan grafik area bertumpuk 100%.
Pilihan default di perangkat mobile	Jika diaktifkan, atur pilihan default menjadi Last dimension value (global) atau Last dimension value (series).

Facet

Dalam mode bersegi, Anda dapat mengonfigurasi tata letak dan gaya grafik di bagian Facet.

Catatan

Mode bersegi hanya diaktifkan ketika sebuah bidang dikonfigurasi di Facet (Dim.).

Item konfigurasi		Deskripsi
Gaya tata letak		Pilih tata letak: Single-column comparison atau Grid distribution.
Sumbu bersama		Tentukan apakah grafik berbagi sumbu yang sama.
Tampilkan pemisah		Tentukan apakah akan menampilkan pemisah antar grafik. Jika diaktifkan, konfigurasikan warna dan gaya pemisah.
Jumlah kolom		Saat Grid distribution dipilih, atur jumlah kolom. Nilai default adalah Otomatis. Anda juga dapat menyesuaikan jumlah kolom sesuai kebutuhan. Catatan Konfigurasikan jumlah kolom secara terpisah untuk PC dan perangkat mobile. Gunakan ikon di atas halaman untuk beralih perangkat. Rentang jumlah kolom PC: 1–6. Rentang jumlah kolom mobile: 1–3.
Ukuran blok facet minimum		Atur lebar dan tinggi minimum untuk setiap grafik. Opsi yang didukung bervariasi tergantung gaya tata letak. Untuk Single-column comparison dan Grid distribution dengan jumlah kolom otomatis: Atur hanya lebar minimum. Untuk Grid distribution dengan jumlah kolom kustom: Atur lebar dan tinggi minimum.
Jarak baris dan kolom		Atur jarak antara baris dan kolom. Opsi yang didukung bervariasi tergantung gaya tata letak. Untuk Single-column comparison: Atur hanya jarak kolom. Untuk Grid distribution: Atur jarak baris dan kolom.
Split Tags	Posisi	Atur tempat menampilkan label nilai dimensi: Above chart atau Below chart.
	Teks	Atur warna dan gaya font untuk label nilai dimensi.
	Penyelarasan	Atur penyelarasan untuk label nilai dimensi.

Sumbu Koordinat

Di bagian Axes, Anda dapat mengonfigurasi gaya sumbu. Secara default, sumbu ditampilkan.

Pilih Display dual Y-axis. Pengaturan ini hanya berlaku ketika Anda menambahkan dua atau lebih ukuran. Saat dipilih, Right Y-Axis muncul di bagian Axes.

Name	Configuration item	Description
X-axis	Display X-axis	Tentukan apakah X-axis akan ditampilkan.
	Show title and unit	Tentukan apakah axis title dan unit pada X-axis akan ditampilkan.
	Show axis labels	Tentukan apakah label pada X-axis akan ditampilkan, termasuk aturan tampilan label dan text style.
	Content	Tampilkan sebagian atau seluruh dimensi.
	Show scale	Tentukan apakah skala pada X-axis akan ditampilkan.
	Show axis	Tentukan apakah X-axis akan ditampilkan, termasuk gaya garis, lebar garis, dan warna.
	Show axis labels	Tentukan apakah label pada X-axis akan ditampilkan.
	Show gridlines	Tentukan apakah gridlines pada X-axis akan ditampilkan, termasuk gaya garis, lebar garis, dan warna.
Left Y-axis	Flip Y-axis scale	Balikkan nilai skala Y-axis.
	Display left Y-axis	Tentukan apakah left Y-axis akan ditampilkan.
	Show title and unit	Tentukan apakah axis title dan unit akan ditampilkan.
	Show axis labels	Tentukan apakah label pada left Y-axis akan ditampilkan, termasuk rentang label dan skala serta label display format.
	Show scale	Tentukan apakah skala pada left Y-axis akan ditampilkan.
	Show axis	Tentukan apakah left Y-axis akan ditampilkan, termasuk gaya garis, lebar garis, dan warna.
	Show gridlines	Tentukan apakah gridlines pada left Y-axis akan ditampilkan, termasuk gaya garis, lebar garis, dan warna.
	Axis value range and interval	Tetapkan nilai maximum dan minimum untuk label dan skala left Y-axis secara otomatis atau manual. Tetapkan custom interval berdasarkan ukuran langkah atau pembagian sama rata.

Catatan

Anda dapat mengonfigurasi Right Y-axis hanya ketika Display dual Y-axis dipilih. Opsi konfigurasinya sama dengan Left Y-axis.

Legenda

Di bagian Legend, klik ikon untuk mengaktifkan legenda dan mengonfigurasi gayanya.

Konfigurasi PC

Item konfigurasi

Deskripsi

Posisi

Atur posisi dan penyelarasan legenda untuk PC.

Saat posisi Top atau Bottom: Pilih penyelarasan kiri, tengah, atau kanan.
Saat posisi Left atau Right: Pilih penyelarasan atas, tengah, atau bawah. Anda juga dapat mengatur jarak antara legenda dan konten grafik.

Teks

Atur gaya teks untuk legenda PC, termasuk warna font, ukuran, bobot, dan miring.

Konfigurasi mobile

Item konfigurasi		Deskripsi parameter
Posisi		Atur posisi dan penyelarasan legenda untuk mobile. Saat posisi Top atau Bottom: Pilih penyelarasan kiri, tengah, atau kanan. Saat posisi Left atau Right: Pilih penyelarasan atas, tengah, atau bawah. Anda juga dapat mengatur jarak antara legenda dan konten grafik. Catatan Saat posisi Top, aktifkan sub-label legenda.
Teks		Atur gaya teks untuk nama ukuran dalam legenda mobile, termasuk warna font, ukuran, bobot, dan miring.
Tampilkan Konten Tag Saat Posisi adalah Top, klik ikon untuk mengaktifkan sub-label legenda.	Konten	Pilih data yang akan ditampilkan dalam sub-label legenda: Persentase atau Total. Persentase: Persentase titik data dalam suatu dimensi relatif terhadap total. Contoh: Jumlah laba sebagai persentase dari total pendapatan untuk perlengkapan kantor. Total: Jumlah semua ukuran dalam suatu dimensi. Contoh: Total penjualan lintas wilayah untuk tahun 2025.
	Gaya	Atur tata letak teks untuk sub-label legenda. Opsi: Multi-line equal division: Label dibagi rata berdasarkan kolom per baris dan baris per halaman. Single-line tiling: Semua label muncul dalam satu baris. Plain text: Tampilkan hanya teks, dengan warna yang sesuai dengan jalur ukuran yang sesuai dalam grafik.
	Tampilkan saat tidak dipilih	Saat Gaya adalah Multi-line equal division atau Single-line tiling, pilih cara menampilkan metrik saat pengguna tidak memilih item legenda: - atau Empty.
	Posisi persentase	Saat Konten mencakup Persentase dan Gaya adalah Multi-line equal division atau Single-line tiling, atur tempat menampilkan persentase: Below atau Right dari label numerik.
	Gaya teks	Saat Gaya adalah Multi-line equal division atau Single-line tiling, atur gaya teks untuk nilai Numerik. Saat Konten mencakup Persentase, atur format terpisah untuk teks persentase agar secara visual berbeda dari label Numerik.
	Tempat desimal persentase	Atur tempat desimal untuk persentase saat Konten mencakup Persentase.
	Tampilan teks lengkap	Saat Gaya adalah Multi-line equal division atau Single-line tiling, nama ukuran yang panjang mungkin terpotong. Pilih Full text display untuk menampilkan nama lengkap.
	Tampilkan bidang tooltip	Jika dipilih, bidang yang dikonfigurasi di panel Tooltip/Measure akan muncul di legenda. Catatan Bidang tooltip tidak didukung saat melakukan pemisahan berdasarkan dimensi (yaitu, color legend adalah dimensi).

Label data

Di Data Labels, Anda dapat mengatur apakah akan menampilkan label data dan gaya label tersebut.

Item konfigurasi	Deskripsi Item Konfigurasi
Tampilan lengkap	Tentukan apakah akan menampilkan semua label data.
Posisi	Atur tempat menampilkan label.
Teks	Atur gaya teks label.

Tooltip

Di bagian Tooltip, klik ikon untuk mengaktifkan tooltip dan mengonfigurasi perilakunya.

Konfigurasi PC

Item konfigurasi	Deskripsi Item Konfigurasi
Mode tampilan	Pilih cara menampilkan informasi tooltip: Per titik data atau Per nilai dimensi.
Konten	Pilih data yang akan ditampilkan di tooltip. Opsi yang tersedia bergantung pada mode tampilan: Untuk Per titik data: Persentase didukung. Untuk Per nilai dimensi: Total dan persentase didukung. Persentase: Persentase titik data dalam suatu dimensi relatif terhadap total. Contoh: Jumlah laba sebagai persentase dari total pendapatan untuk perlengkapan kantor. Total: Jumlah semua ukuran dalam suatu dimensi. Contoh: Total penjualan lintas wilayah untuk tahun 2025.
Warna latar belakang	Atur warna isian latar belakang untuk kotak tooltip.
Teks	Atur gaya teks untuk kotak tooltip, termasuk warna font, ukuran, bobot, dan miring.

Konfigurasi mobile

Item konfigurasi		Deskripsi
Hover bubble Klik ikon untuk mengaktifkan hover bubbles (①)	Konten	Pilih data yang akan ditampilkan di hover bubbles: Persentase atau Total. Persentase: Persentase titik data dalam suatu dimensi relatif terhadap total. Contoh: Jumlah laba sebagai persentase dari total pendapatan untuk perlengkapan kantor. Total: Jumlah semua ukuran dalam suatu dimensi. Contoh: Total penjualan lintas wilayah untuk tahun 2025.
	Warna latar belakang	Atur warna isian latar belakang untuk hover bubbles.
	Teks	Atur gaya teks untuk hover bubbles, termasuk warna font, ukuran, bobot, dan miring.
Dimensi sumbu Klik ikon untuk mengaktifkan tampilan dimensi sumbu (②)	Warna latar belakang	Atur warna isian latar belakang untuk label dimensi sumbu.
	Teks	Atur gaya teks untuk label dimensi sumbu, termasuk warna font, bobot, dan miring.

Pengaturan deret

Di bagian Series settings, Anda dapat mengonfigurasi gaya deret.

Catatan

Anda dapat mengonfigurasi nama tampilan dan format angka di bagian Series settings hanya ketika sebuah bidang ditambahkan ke Color Legend (Dim.) pada tab Fields.

Item konfigurasi	Deskripsi
Select field	Pilih dimensi atau ukuran berdasarkan skenario bisnis Anda.
Alias	Atur nama bidang yang sesuai dengan konteks bisnis Anda. Opsi ini hanya tersedia saat Color Legend (Dim.) dikonfigurasi.
Gaya jalur	Atur jenis dan ketebalan jalur. Catatan Fitur ini tidak didukung untuk grafik area bertumpuk atau grafik area bertumpuk 100%.
Show marker points	Pilih bentuk titik penanda: lingkaran, lingkaran berongga, berlian, atau berlian berongga. Catatan Fitur ini tidak didukung untuk grafik area bertumpuk atau grafik area bertumpuk 100%.
Show data labels	Tentukan apakah akan menampilkan label data dan atur warna serta posisinya.
Format angka	Saat label data diaktifkan, atur format tampilan untuk nilai numerik. Opsi: AutoFit, Custom, atau Manual. Opsi ini hanya tersedia saat Color Legend (Dim.) dikonfigurasi.
Show Extreme Values	Tentukan apakah akan menampilkan label untuk nilai maksimum dan minimum dalam grafik area. Catatan Fitur ini tidak didukung untuk grafik area bertumpuk atau grafik area bertumpuk 100%.

Tampilan bantu

Di bagian Auxiliary display, Anda dapat mengonfigurasi filter metrik dan kontrol tampilan.

Item konfigurasi

Deskripsi

Aktifkan filter metrik

Tentukan apakah akan mengaktifkan filter metrik dalam grafik. Jika diaktifkan, atur bidang metrik yang dipilih secara default.

Kontrol tampilan

Saat data pada sumbu grafik padat dan melebihi ukuran kontainer, klik ikon untuk mengaktifkan kontrol tampilan. Ini memungkinkan pengguna menyesuaikan rentang grafik yang terlihat secara dinamis dengan menggulir, memastikan kelengkapan dan keterbacaan data sekaligus memungkinkan interaksi fleksibel.

Dua jenis kontrol mengatur rentang sumbu yang terlihat: Scroll bar dan Mini chart.

Saat Mini chart dipilih, grafik tren data lengkap yang disederhanakan (mini chart) muncul di bagian bawah grafik. Pengguna dapat menyeret area seleksi untuk menelusuri semua data atau fokus pada rentang tertentu. Mini chart menggunakan koordinat absolut: rentang yang dipilih dipetakan langsung ke jumlah tetap titik data pada sumbu utama. Ini ideal untuk analisis komparatif atau skenario kompleks yang memerlukan navigasi presisi. Mini chart hanya muncul saat lebar data total melebihi lebar kontainer grafik. Untuk selalu menampilkan mini chart, pilih Always show. Saat dipilih, mini chart muncul bahkan jika data tidak memenuhi layar.
Saat Scroll bar dipilih, bilah gulir horizontal muncul di bagian bawah grafik. Pengguna dapat menyeret penggeser untuk menggerakkan jendela tampilan ke kiri atau kanan. Scroll bar menggunakan proporsi relatif: panjang dan posisi penggeser mencerminkan rasio jendela yang terlihat terhadap rentang data total. Ini ideal untuk penelusuran umum. Atur lebar kategori minimum untuk membatasi volume data dalam jendela tampilan saat ini. Ini memastikan tanda sumbu jelas dan mencegah tumpang tindih label atau kekacauan visual akibat titik data yang terlalu padat. Lebar kategori minimum default adalah 32 px, dengan rentang 16–100 px.
Saat lebar kategori aktual yang dialokasikan ke grafik turun di bawah nilai ini dalam mode tampilan penuh, scroll bar muncul. Dengan scroll bar diaktifkan, elemen grafik dan label data dibatasi dalam area persegi panjang sistem koordinat. Elemen di luar area ini (misalnya, penanda, label) secara otomatis dipotong atau diposisikan ulang agar sesuai.

Catatan

Jika tidak ada kontrol tampilan yang dikonfigurasi dan grafik terlalu kecil, sistem secara otomatis mengaktifkan kontrol tampilan, memilih Mini chart, dan menampilkannya hanya saat lebar data melebihi lebar kontainer.

Konfigurasi analisis grafik

Item konfigurasi	Nama	Deskripsi
Analisis interaktif	Drilling	Saat drilling dikonfigurasi, sesuaikan gaya tampilan untuk level drill-down. Untuk informasi selengkapnya, lihat Drilling.
	Filter interaction	Hubungkan beberapa grafik untuk menganalisis data di antara mereka. Untuk informasi selengkapnya, lihat Filter interaction.
	Go	Hubungkan beberapa dasbor untuk menganalisis data di antara mereka. Hyperlink mendukung Parameter dan External link. Untuk informasi selengkapnya, lihat Redirection.
Analysis Alerts	Auxiliary Line	Bandingkan nilai ukuran saat ini terhadap nilai referensi garis kisi. Nilai referensi dapat berupa statis atau dihitung. Nilai yang dihitung mencakup rata-rata, maksimum, minimum, dan median. Untuk informasi selengkapnya, lihat Metric analysis.
Analysis Alerts	Trendline	Tampilkan tren data keseluruhan. Opsi trendline: Intelligent, Linear, Logarithmic, Exponential, Polynomial, dan Power. Untuk informasi selengkapnya, lihat Trendline.
Label	-	Sorot anomali atau titik data penting menggunakan warna, ikon, komentar, atau titik data. Untuk informasi selengkapnya, lihat Label.

Langkah selanjutnya

Bagikan dasbor kepada orang tertentu. Untuk informasi selengkapnya, lihat Bagikan dasbor.
Integrasikan dasbor ke Portal BI untuk membuat bilah navigasi guna analisis tematik. Untuk informasi selengkapnya, lihat Portal BI.