Grafik area menampilkan tren data dari waktu ke waktu serta proporsi relatif setiap seri. Panduan ini menjelaskan cara menambahkan data ke grafik area dan mengonfigurasi gayanya.
Prasyarat
Anda harus memiliki dasbor. Untuk detailnya, lihat Buat dasbor.
Ikhtisar
Kasus penggunaan
Dalam grafik area, Anda dapat menganalisis perubahan data seiring waktu untuk mengidentifikasi tren seperti kenaikan, penurunan, pola siklus, atau pertumbuhan eksponensial.
Fitur utama
Kemampuan perhitungan: Mendukung konfigurasi satu klik untuk YoY/MoM dan perhitungan kumulatif, serta fitur analitis lanjutan seperti garis bantu, garis tren, prediksi tren, deteksi anomali, dan analisis fluktuasi.
Opsi visualisasi: Mendukung beberapa gaya grafik, termasuk grafik area, grafik area bertumpuk, dan grafik area bertumpuk 100%, serta elemen tampilan seperti label, legenda warna, dan sumbu ikhtisar.
Perbandingan dan anotasi data: Mendukung perbandingan periode ke periode dan label nilai.
Contoh

Batasan
Grafik area terdiri dari value axis, category axis, dan color legend:
Sumbu kategori memerlukan minimal satu dimensi, seperti tanggal, provinsi, atau jenis produk.
Sumbu nilai memerlukan minimal satu ukuran, seperti jumlah pesanan.
Anda hanya dapat menambahkan satu dimensi ke legenda warna, seperti metode pengiriman.
CatatanJika Anda menambahkan multiple measures ke sumbu nilai dan dimensi kustom ke legenda warna, Anda harus mengaktifkan filter metrik dalam grafik (in-chart metric filter) untuk memilih metrik mana yang akan ditampilkan.
Anda hanya dapat menambahkan satu dimensi ke bidang split, seperti jenis produk.
Konfigurasi Data Grafik
Pada tab Data, pilih bidang dimensi dan ukuran yang diperlukan:
Dari daftar dimension, klik ganda atau seret province ke area category axis.
Dari daftar dimension, klik ganda atau seret product_type ke area color legend.
Dari daftar measure, klik ganda atau seret order_amount ke area value axis.
Klik update.

(Opsional) Anda dapat menambahkan bidang dimensi tambahan ke area split untuk mengaktifkan mode facet. Fitur ini memvisualisasikan tren data secara lebih intuitif di berbagai nilai dimensi.
CatatanAnda hanya dapat menambahkan satu bidang dimensi split, dan mode facet memiliki batasan berikut:
Bidang: Untuk bidang dimensi split, fitur perhitungan lanjutan hanya mendukung TopN dan None.
Gaya: Sumbu Y ganda tidak didukung; sumbu gambar mini tidak didukung untuk tampilan bantu.
Lanjutan: Hanya interaksi filter yang didukung. Pengaturan lanjutan, peringatan analisis, label, dan smart insight tidak didukung.
Menggunakan jumlah facet yang besar dapat menyebabkan halaman menjadi lambat. Untuk performa optimal, kami merekomendasikan menggunakan tidak lebih dari 500 facet.

Gaya Grafik
Topik ini menjelaskan cara mengonfigurasi gaya untuk grafik. Untuk pengaturan gaya umum, lihat Konfigurasi area judul grafik.
Anda dapat memasukkan kata kunci di search box di bagian atas panel konfigurasi untuk menemukan parameter dengan cepat. Anda juga dapat mengklik ikon
di sebelah kanan untuk memperluas atau menciutkan semua kategori.

Area Grafik
Pada bagian Area grafik, konfigurasikan gaya grafik garis.

Parameter | Deskripsi |
Skema warna | Menetapkan skema warna untuk isian area. Anda dapat menggunakan skema warna sistem atau menentukan skema kustom. |
Switch tipe grafik | Menetapkan tipe grafik. Tipe yang didukung meliputi grafik garis, grafik area, grafik area bertumpuk, dan grafik area bertumpuk 100%. |
Jenis jalur | Menetapkan jenis jalur untuk grafik. Tipe yang didukung adalah Curve dan Straight. |
Gaya jalur | Menetapkan pola dan ketebalan jalur grafik. |
Penanganan nilai null | Menentukan cara menangani nilai null. Opsi yang tersedia: Skip, Setel ke 0 dan hubungkan, dan Putuskan jalur. |
Aktifkan efek gradien | Jika diaktifkan, isian area menggunakan gradien. |
Bertumpuk dan Bertumpuk 100% | Beralih antara grafik area, grafik area bertumpuk, dan grafik area bertumpuk 100%.
|
Pilihan default di perangkat mobile | Jika diaktifkan, Anda dapat menetapkan Item yang dipilih secara default menjadi Nilai dimensi global terakhir atau Nilai dimensi terakhir untuk seri tertentu. |
Facet
Dalam mode facet, gunakan bagian Facet untuk mengonfigurasi tata letak dan gaya.
Mode facet aktif hanya jika bidang dikonfigurasi di Split/Dimension.

Parameter | Deskripsi | |
Gaya tata letak | Menetapkan tata letak grafik. Mode yang didukung: Perbandingan Satu Kolom dan Tata Letak Kisi. | |
Sumbu bersama | Menentukan apakah grafik berbagi sumbu.
| |
Tampilkan garis pemisah | Menampilkan atau menyembunyikan garis pemisah antar grafik. Jika diaktifkan, Anda dapat mengonfigurasi warna dan gaya garis pemisah. | |
Jumlah kolom | Saat Gaya tata letak diatur ke Tata Letak Kisi, Anda dapat menetapkan jumlah kolom untuk susunan grafik. Secara default, diatur ke Otomatis. Anda juga dapat menyesuaikan jumlah kolom. Catatan
| |
Ukuran Blok Facet Minimal | Menetapkan lebar dan tinggi minimum untuk setiap blok grafik. Opsi yang tersedia bervariasi berdasarkan gaya tata letak.
| |
Jarak baris dan kolom | Menetapkan jarak antar baris dan kolom grafik. Opsi yang tersedia bervariasi berdasarkan gaya tata letak.
| |
Split label | Posisi | Menetapkan posisi tampilan label nilai dimensi. Anda dapat meletakkannya Di atas grafik atau Di bawah grafik. |
Teks | Menetapkan warna dan gaya font untuk label nilai dimensi. | |
Penyelarasan | Menetapkan penyelarasan label nilai dimensi. | |
Sumbu
Pada bagian Sumbu, konfigurasikan gaya sumbu. Secara default, sumbu ditampilkan.
Anda dapat memilih Show Dual Y-axis. Pengaturan ini hanya berlaku jika dua atau lebih ukuran ditambahkan. Jika Anda memilih opsi ini, bagian Right Y-axis akan muncul di bagian Axes.

Name | Parameter | Description |
X-axis | Show X-axis | Menentukan apakah X-axis akan ditampilkan. |
Show title and unit | Menentukan apakah axis title dan unit pada X-axis akan ditampilkan. | |
Show axis label | Menentukan apakah label pada X-axis akan ditampilkan, serta mengonfigurasi aturan tampilan label sumbu dan gaya teks. | |
Content to display | Mengatur apakah akan menampilkan sebagian atau seluruh nilai dimensi.
| |
Show tick marks | Menentukan apakah tanda skala (tick marks) pada X-axis akan ditampilkan. | |
Show axis line | Menentukan apakah garis X-axis akan ditampilkan, termasuk jenis, lebar, dan warnanya. | |
Show axis label | Menentukan apakah label pada X-axis akan ditampilkan. | |
Show gridlines | Menentukan apakah garis kisi (gridlines) pada X-axis akan ditampilkan, termasuk jenis, lebar, dan warnanya. | |
Left Y-axis | Invert Y-axis scale | Membalik skala Y-axis.
|
Show left Y-axis | Menentukan apakah left Y-axis akan ditampilkan. | |
Show title and unit | Menentukan apakah axis title dan unit akan ditampilkan. | |
Show axis label | Menentukan apakah label pada Y-axis akan ditampilkan. Jika diaktifkan, Anda dapat mengonfigurasi format tampilan label sumbu dan gaya teks. Format tampilan label sumbu dapat diatur ke mode Auto atau Custom.
| |
Show tick marks | Menentukan apakah tanda skala (tick marks) pada left Y-axis akan ditampilkan. | |
Show axis line | Menentukan apakah garis left Y-axis akan ditampilkan, termasuk jenis, lebar, dan warnanya. | |
Show gridlines | Menentukan apakah garis kisi (gridlines) pada left Y-axis akan ditampilkan, termasuk jenis, lebar, dan warnanya. | |
Axis range and interval |
|
Anda perlu mengonfigurasi Right Y-axis hanya jika Anda memilih Show Dual Y-axis. Parameternya sama dengan Left Y-axis.
Legenda
Pada bagian Legenda, klik ikon
untuk mengaktifkan legenda grafik dan mengonfigurasi gayanya.
Konfigurasi PC

Parameter
Deskripsi
Gaya
Menetapkan gaya ikon legenda. Gaya yang didukung: Otomatis, Hanya Garis, dan Garis dan Penanda.
CatatanSaat Anda memilih Garis dan Penanda, legenda menggunakan gaya penanda yang dikonfigurasi di grafik. Jika tidak ada gaya penanda yang dikonfigurasi, lingkaran padat ditampilkan secara default.
Saat Anda memilih Scale legend symbol with text di Desain tema > Gaya konten umum, ukuran dan ketebalan ikon serta garis legenda disesuaikan secara proporsional berdasarkan ketebalan garis grafik dan ukuran teks legenda.
Posisi
Menetapkan posisi tampilan dan penyelarasan legenda di PC.
Saat posisi diatur ke Atas atau Bawah, Anda dapat memilih penyelarasan Kiri, Tengah, atau Kanan.
Saat posisi diatur ke Kiri atau Kanan, Anda dapat memilih penyelarasan Atas, Tengah, atau Bawah. Anda juga dapat menetapkan jarak antara legenda dan grafik.
Teks
Menetapkan gaya teks untuk legenda di PC. Anda dapat mengonfigurasi warna font, ukuran, bobot, dan apakah dicetak miring.
Konfigurasi perangkat mobile

Parameter | Deskripsi | |
Gaya | Menetapkan gaya ikon legenda di perangkat mobile. Gaya yang didukung: Otomatis, Hanya Garis, dan Garis dan Penanda. | |
Posisi | Menetapkan posisi tampilan dan penyelarasan legenda di perangkat mobile.
Catatan Saat posisi diatur ke Atas, Anda dapat mengaktifkan label di bawah legenda. | |
Teks | Menetapkan gaya teks untuk nama ukuran dalam legenda di perangkat mobile. Anda dapat mengonfigurasi warna font, ukuran, bobot, dan apakah dicetak miring. | |
Tampilkan konten label Saat Posisi diatur ke Atas, klik ikon | Konten | Menetapkan konten data yang ditampilkan di label di bawah legenda. Opsi yang didukung adalah Persentase dan Total.
|
Gaya | Menetapkan gaya tata letak untuk label di bawah legenda. Opsi yang tersedia:
| |
Tampilan untuk item yang tidak dipilih | Saat Gaya diatur ke Multi-baris lebar sama atau Satu baris, Anda dapat mengonfigurasi cara menampilkan item legenda yang tidak dipilih. Opsi yang didukung adalah "-" dan Kosong. | |
Posisi persentase | Saat Persentase dipilih di Konten dan Gaya diatur ke Multi-baris lebar sama atau Satu baris, Anda dapat menentukan posisi tampilan data persentase. Anda dapat meletakkannya Di bawah atau di Kanan label nilai. | |
Gaya teks | Saat Style diatur ke Multi-row equal-width atau Single-row, Anda dapat mengonfigurasi gaya teks untuk value. Jika Anda memilih untuk menampilkan data persentase, Anda dapat menetapkan format teks terpisah untuk persentase agar secara visual berbeda dari label nilai. | |
Tampilkan teks lengkap | Saat Gaya diatur ke Multi-baris lebar sama, nama ukuran yang panjang mungkin terpotong. Jika Anda tetap perlu menampilkan nama ukuran lengkap, pilih Show Full Text. | |
Tampilkan bidang tooltip | Jika dipilih, bidang yang Anda konfigurasi di bidang Tooltip/Measure pada panel data akan ditampilkan di area legenda. Catatan Menampilkan bidang tooltip tidak didukung saat grafik dibagi berdasarkan nilai dimensi (yaitu, saat dimensi digunakan untuk legenda warna). | |
Label Data
Pada bagian Label data, tentukan apakah akan menampilkan label data dan konfigurasikan gayanya.

Parameter | Deskripsi |
Konten | Saat Tipe grafik di bagian Area grafik diatur ke grafik area bertumpuk atau grafik area bertumpuk 100%, Anda dapat memilih data yang ditampilkan di label data. Opsi yang didukung adalah Ukuran, Persentase, dan Total. Jika Anda memilih Persentase, Anda juga dapat menetapkan jumlah tempat desimal ke 0, 1, atau 2 di Tempat desimal persentase. |
Tampilan lengkap | Opsi ini secara otomatis menyesuaikan posisi label untuk mencegah tumpang tindih. Namun, jika label masih melebihi area grafik, beberapa mungkin tidak ditampilkan. Dengan tampilan lengkap diaktifkan, Anda juga dapat memilih untuk Memperbolehkan label data saling tumpang tindih. |
Posisi | Menetapkan posisi tampilan label. |
Teks | Menetapkan gaya teks untuk label. |
Tooltip
Pada bagian Tooltip, klik ikon
untuk mengaktifkan tooltip dan mengonfigurasi pengaturannya.
Konfigurasi PC

Parameter
Deskripsi
Mode tampilan
Menetapkan cara informasi tooltip ditampilkan. Mode yang didukung: Berdasarkan titik data tunggal dan Berdasarkan nilai dimensi.
Konten
Memilih konten data yang ditampilkan di tooltip. Opsi yang tersedia bervariasi berdasarkan konfigurasi:
Saat mode tampilan adalah Berdasarkan titik data tunggal, Persentase didukung. Saat mode tampilan adalah Berdasarkan nilai dimensi, Total dan Persentase didukung.
Persentase: Persentase titik data terhadap total untuk dimensi saat ini. Misalnya, persentase laba terhadap total pendapatan untuk perlengkapan kantor. Jika Anda memilih ini, Anda juga dapat menetapkan jumlah tempat desimal ke 0, 1, atau 2 di Tempat desimal persentase.
Total: Jumlah semua ukuran untuk dimensi saat ini. Misalnya, total jumlah penjualan untuk semua wilayah pada tahun 2025.
Warna latar belakang
Menetapkan warna isian latar belakang untuk kotak tooltip.
Teks
Menetapkan gaya teks di kotak tooltip. Anda dapat mengonfigurasi warna font, ukuran, bobot, dan apakah dicetak miring.
Konfigurasi perangkat mobile

Parameter
Deskripsi
Floating bubble
Klik ikon
untuk mengaktifkan tampilan gelembung mengambang (①).Konten
Menetapkan konten data yang ditampilkan di gelembung mengambang. Anda dapat memilih Persentase dan Total.
Persentase: Persentase titik data terhadap total untuk dimensi saat ini. Misalnya, persentase laba terhadap total pendapatan untuk perlengkapan kantor. Jika Anda memilih ini, Anda juga dapat menetapkan jumlah tempat desimal ke 0, 1, atau 2 di Tempat desimal persentase.
Total: Jumlah semua ukuran untuk dimensi saat ini. Misalnya, total jumlah penjualan untuk semua wilayah pada tahun 2025.
Warna latar belakang
Menetapkan warna isian latar belakang untuk gelembung mengambang.
Teks
Menetapkan gaya teks di gelembung mengambang. Anda dapat mengonfigurasi warna font, ukuran, bobot, dan apakah dicetak miring.
Tampilkan dimensi sumbu
Klik ikon
untuk mengaktifkan tampilan dimensi sumbu (②).Warna latar belakang
Menetapkan warna isian latar belakang untuk label dimensi sumbu.
Teks
Menetapkan gaya teks untuk label dimensi sumbu. Anda dapat mengonfigurasi warna font, bobot, dan apakah dicetak miring.
Pengaturan Seri
Pada bagian Pengaturan seri, konfigurasikan gaya seri.

Anda dapat mengonfigurasi Alias dan Format tampilan nilai seri di Series settings hanya saat Color legend/dimension diaktifkan di panel Bidang.
Parameter | Deskripsi |
Select field | Pilih dimensi atau ukuran. |
Alias | Menetapkan alias untuk bidang yang sesuai dengan skenario bisnis Anda. Opsi ini dapat dikonfigurasi hanya saat Legenda warna/dimensi digunakan. |
Gaya jalur | Menetapkan jenis dan ketebalan jalur. Catatan Fitur ini tidak didukung untuk grafik bertumpuk dan grafik bertumpuk 100%. |
Show markers | Menentukan apakah penanda ditampilkan. Jika dipilih, Anda kemudian dapat memilih gaya penanda. Catatan Fitur ini tidak didukung untuk grafik bertumpuk dan grafik bertumpuk 100%. |
Show data labels | Menentukan apakah label data ditampilkan dan menetapkan posisi label serta format teks. |
Format tampilan nilai seri | Mengonfigurasi format tampilan untuk nilai seri. Opsi yang didukung adalah Otomatis dan Kustom.
Opsi ini hanya dapat dikonfigurasi saat Legenda warna/dimensi digunakan. |
Show boundary values | Menentukan apakah label nilai batas ditampilkan di grafik. Jika dipilih, Anda dapat mengonfigurasi Posisi label, Konten yang ditampilkan (Maksimum/Minimum), Warna isian latar belakang, dan Gaya teks. Catatan Fitur ini tidak didukung untuk grafik bertumpuk dan grafik bertumpuk 100%. |
Kontrol
Pada bagian Tampilan bantu, konfigurasikan filter metrik dan kontrol tampilan.

Parameter | Deskripsi |
Aktifkan filter metrik dalam grafik | Menentukan apakah akan mengaktifkan filter metrik dalam grafik. Jika diaktifkan, Anda juga dapat menetapkan bidang metrik yang dipilih secara default. |
Kontrol tampilan | Jika data grafik terlalu padat untuk muat dalam kontainer, klik ikon Anda dapat mengontrol rentang yang terlihat pada sumbu grafik menggunakan dua jenis kontrol berikut: Navigator dan Scroll bar.
Catatan Jika kontrol tampilan tidak dikonfigurasi dan grafik terlalu kecil, sistem secara otomatis mengaktifkan kontrol tampilan. Secara default menggunakan Navigator, yang hanya ditampilkan saat jumlah data melebihi lebar kontainer grafik. |
Konfigurasi Analisis Grafik
Parameter | Nama | Deskripsi |
Analisis interaksi | drill-down | Setelah Anda mengonfigurasi drill-down untuk grafik, Anda dapat mengonfigurasi cara menampilkan level-levelnya. Untuk informasi lebih lanjut, lihat drill-down. |
linkage | Saat data Anda mencakup beberapa grafik, gunakan linkage untuk menghubungkannya. Untuk informasi lebih lanjut, lihat linkage. | |
jump | Saat data Anda mencakup beberapa dasbor, gunakan fitur jump untuk menghubungkannya. Jump mencakup dua jenis: parameter jump dan external link. Untuk informasi lebih lanjut, lihat jump. | |
Analysis and alerting | reference line | Gunakan reference line untuk membandingkan ukuran saat ini dengan nilai referensi. Nilai referensi dapat berupa nilai tetap atau nilai yang dihitung. Nilai yang dihitung mencakup rata-rata, maksimum, minimum, dan median. Untuk informasi lebih lanjut, lihat reference line. |
trendline | Gunakan trendline untuk menunjukkan tren keseluruhan dalam data Anda. Enam jenis tersedia: rekomendasi cerdas, linear, logaritmik, eksponensial, polinomial, dan pangkat. Untuk informasi lebih lanjut, lihat analisis dan peringatan. | |
annotation | - | Saat data grafik mengandung anomali atau memerlukan perhatian khusus, Anda dapat menambahkan anotasi seperti sorotan warna, ikon, catatan, atau titik data. Ini membantu Anda mengidentifikasi anomali dan meresponsnya. Untuk informasi lebih lanjut, lihat annotation. |
Langkah Berikutnya
Untuk memungkinkan pengguna lain melihat dasbor, bagikan kepada mereka. Untuk informasi lebih lanjut, lihat Bagikan dasbor.
Untuk membuat bilah navigasi kompleks untuk analisis tematik, integrasikan dasbor ke dalam Data Portal. Untuk informasi lebih lanjut, lihat Data Portal.













Secara default, navigator hanya ditampilkan saat jumlah data melebihi lebar kontainer grafik. Jika Anda ingin navigator selalu terlihat, Anda dapat memilih Always show. Setelah memilih opsi ini, navigator akan ditampilkan bahkan jika data grafik tidak memenuhi kontainer.
Anda dapat lebih lanjut menetapkan lebar kategori minimum untuk bilah gulir guna membatasi jumlah data dalam jendela grafik saat ini. Ini memastikan penskalaan yang jelas dalam area yang terlihat dan menghindari kekacauan visual akibat label data yang tumpang tindih atau titik data yang terlalu padat. Lebar kategori minimum default adalah 32px, dengan rentang nilai 16px hingga 100px.