All Products
Search

This Product

    Quick BI:Grafik Batang

    Document Center

    Quick BI:Grafik Batang

    Last Updated:Feb 10, 2026

    Grafik batang menampilkan data dua dimensi untuk menggambarkan distribusi data. Salah satu sumbu menunjukkan dimensi kategorikal untuk perbandingan, sedangkan sumbu lainnya menunjukkan nilai numerik yang sesuai. Misalnya, sumbu-x dapat menampilkan bulan dan sumbu-y menampilkan penjualan produk. Topik ini menjelaskan cara menambahkan data ke grafik batang dan mengonfigurasi gayanya.

    Ikhtisar

    • Skenario

      Grafik batang bersifat sederhana dan intuitif. Anda dapat membandingkan nilai berdasarkan panjang batang untuk mengidentifikasi perbedaan antar kelompok data.

    • Manfaat

      • Kemampuan komputasi: Konfigurasikan perbandingan year-on-year atau month-on-month, perhitungan kumulatif, garis bantu cerdas, dan trendline hanya dengan satu klik.

      • Opsi visualisasi: Mendukung grafik batang, diagram batang bertumpuk, dan grafik batang bertumpuk 100%. Anda dapat menampilkan label, legenda, dan scroll bar.

    • Contohimage

    Batasan

    • Prasyarat: Dasbor telah dibuat. Untuk informasi selengkapnya, lihat Create a Dashboard.

    • Grafik batang terdiri dari Value Axis (Measure), Category Axis (Dimension), dan Color Legend:

      • Pilih setidaknya satu measure untuk Value Axis (Measure). Contohnya termasuk order_number dan profit_amt.

      • Pilih setidaknya satu dimensi untuk Category Axis (Dimension). Contohnya termasuk province dan product_type.

      • Pilih paling banyak satu dimensi untuk Color Legend. Contohnya termasuk shipping_type.

        Catatan

        Anda hanya dapat mengaktifkan Color Legend ketika Value Axis (Measure) memiliki tepat satu measure.

      • Pilih paling banyak satu dimensi untuk Faceting. Contohnya termasuk product_type.

    Konfigurasi Data Grafik

    1. Pada tab Data, pilih bidang dimensi dan measure yang diperlukan.

      • Pada daftar Dimension, temukan city dan tambahkan ke area Category Axis (Dimension).

      • Pada daftar Dimension, temukan product_type dan tambahkan ke area Color Legend (Dimension).

      • Pada daftar Measure, temukan shipping_cost dan tambahkan ke area Value Axis (Measure).

        Catatan

        Anda dapat menyeret bidang yang sama ke area Category Axis dan Color Legend untuk memberikan warna berdasarkan nilai dimensi yang berbeda. Efek implementasi bervariasi tergantung skenario:

        • Ketika hanya ada satu bidang di Category Axis dan Value Axis, jumlah batang sama dengan jumlah nilai dimensi pada sumbu kategori.image

        • Ketika terdapat beberapa bidang measure di Value Axis, grafik secara default menampilkan measure pertama. Buka panel filter bidang secara manual untuk beralih ke measure lain.image

        • Ketika terdapat beberapa bidang dimensi di Category Axis, jumlah batang sama dengan hasil perkalian jumlah nilai masing-masing dimensi. Misalnya, pada gambar di bawah, jumlah batang sama dengan jumlah nilai dimensi region dikalikan dengan jumlah nilai dimensi order_level.image

    2. Klik Update untuk merefresh grafik secara otomatis.image

    3. (Opsional) Untuk melihat data hanya untuk beberapa kota dalam bidang city, atur filter untuk mengambil data yang diperlukan.

      设置筛选条件

    4. (Opsional) Auto-refresh

      Setelah Anda mengaktifkan auto-refresh, sistem akan merefresh data grafik secara berkala. Misalnya, jika Anda mengaktifkan auto-refresh, masukkan 5, lalu pilih Minutes, sistem akan merefresh grafik setiap 5 menit.

    5. (Opsional) Tambahkan bidang dimensi ke Facet (Dimension) untuk menampilkan tren data berdasarkan nilai dimensi menggunakan tampilan faset.

      Catatan

      Anda hanya dapat menambahkan satu dimensi faset. Tampilan faset memiliki batasan berikut:

      • Bidang: Perhitungan lanjutan untuk bidang dimensi faset hanya mendukung topN dan none.

      • Gaya: Sumbu tidak mendukung secondary Y-axis. Area plot tidak mendukung penyelarasan grafik. Tampilan bantu tidak mendukung miniature axis.

      • Analisis: Hanya interaksi data yang didukung. Pengaturan lanjutan, alert analisis, anotasi, dan AI insights tidak didukung.

      image

    Konfigurasi Gaya Grafik

    Bagian ini menjelaskan konfigurasi gaya grafik. Untuk konfigurasi judul grafik umum, lihat Configure the Chart Title.

    Gunakan Search box di bagian atas area konfigurasi untuk mencari dan mengonfigurasi item konfigurasi dengan cepat. Klik ikon image..png di sebelah kanan untuk membentangkan atau menciutkan semua kategori.

    条形搜索..gif

    Plot Area

    Pada Plot Area, konfigurasikan gaya grafik batang.

    image..png

    Item Konfigurasi

    Deskripsi

    Color Settings

    Atur warna untuk grafik batang.

    Visualization chart switch

    Atur jenis grafik menjadi Bar Chart, Stacked Bar Chart, atau 100% Stacked Bar Chart.111

    Bar Width

    Atur lebar batang.

    Alignment

    Atur penyelarasan menjadi Align Left atau Align Right.

    image..png

    Border Radius

    Atur radius border batang.111

    Stacked dan 100% Stacked

    Beralih di antara grafik batang, diagram batang bertumpuk, dan grafik batang bertumpuk 100%.

    111

    Fill Pattern

    Ketika Chart Type diatur ke Bar Chart, isi batang dengan ikon yang merepresentasikan nilai numerik. Nonaktifkan sumbu measure saat menggunakan opsi ini. Pilih antara Assets atau Image Field untuk mengisi batang.

    • Assets: Tetapkan pola berbeda untuk setiap nilai dimensi. Pilih aset bawaan atau unggah gambar kustom.111

    • Image Field: Isi batang dengan gambar dari bidang gambar di set data Anda. Kelompokkan berdasarkan dimensi sumbu kategori. Jika terdapat beberapa gambar untuk nilai yang sama, gunakan gambar pertama.

      Catatan

      Anda hanya dapat menggunakan Image Field jika dataset berisi image field dan tipe bidang tersebut adalah tipe gambar (2).

      image

    Anda juga dapat mengatur Value per Icon, Rows, dan apakah akan Compress Layout.

    • Value per Icon: Atur nilai numerik yang direpresentasikan oleh setiap ikon.

    • Rows: Secara default, tampilkan ikon dalam satu baris. Anda dapat menampilkan 1–5 baris.111

    • Compress Layout: Kompres tata letak ke arah sumbu measure sambil mempertahankan jarak dan rasio aspek. Saat diaktifkan, sumbu nilai kehilangan makna referensi.111

    Default Selection on Mobile

    Setelah mengaktifkan opsi ini, atur Default Selection menjadi Last Dimension Value Globally atau Last Dimension Value for Specified Series.

    Facet

    Dalam mode faset, konfigurasikan tata letak dan gaya grafik pada bagian Facet.

    Catatan

    Mode faset hanya berlaku ketika Anda mengonfigurasi bidang di Facet (Dimension).

    image

    Item Konfigurasi

    Deskripsi

    Layout Style

    Atur tata letak grafik menjadi Single Column Comparison atau Grid Distribution.

    Shared Axis

    Atur apakah grafik berbagi sumbu yang sama.

    111

    Show Line Separator

    Atur apakah akan menampilkan pemisah garis antar grafik.

    Saat diaktifkan, konfigurasikan warna dan gaya pemisah.111

    Columns

    Ketika Layout Style diatur ke Grid Distribution, atur jumlah kolom.

    Secara default, kolom menyesuaikan secara otomatis. Anda juga dapat mengatur jumlah kustom.111

    Catatan

    • Konfigurasikan kolom secara terpisah untuk PC dan mobile. Gunakan ikon image di atas halaman untuk beralih perangkat target.

    • Rentang kolom PC: 1–6. Rentang kolom mobile: 1–3.

    Minimum Facet Size

    Atur lebar dan tinggi minimum untuk setiap grafik. Opsi yang tersedia bergantung pada gaya tata letak.

    • Untuk Single Column Comparison dan Grid Distribution dengan kolom otomatis: Atur hanya lebar minimum.

    • Untuk Grid Distribution dengan kolom kustom: Atur lebar dan tinggi minimum.

    Row and Column Spacing

    Atur jarak antar grafik. Opsi yang tersedia bergantung pada gaya tata letak.

    • Untuk Single Column Comparison: Atur hanya jarak kolom.

    • Untuk Grid Distribution: Atur jarak baris dan kolom.

    Split Tag

    Position

    Atur posisi label menjadi Above Chart atau Below Chart.111

    Text

    Atur warna dan gaya font untuk label nilai dimensi.111

    Alignment

    Atur penyelarasan untuk label nilai dimensi.

    Axes

    Pada bagian Axes, konfigurasikan gaya sumbu. Sumbu ditampilkan secara default.

    Pilih Show secondary Y-axis. Pengaturan secondary Y-axis hanya berlaku ketika Anda menambahkan dua measure atau lebih. Memilih opsi ini akan menampilkan area Axes dan Top X-axis.

    image..png

    Nama

    Item Konfigurasi

    Deskripsi

    Y-axis

    Show Y-axis

    Atur apakah akan menampilkan sumbu-Y.

    Show Title and Unit

    Atur apakah akan menampilkan axis title dan unit pada sumbu-Y.

    Show Axis Labels

    Atur apakah akan menampilkan label pada sumbu-Y, serta konfigurasikan aturan tampilan label dan text style.

    Display Content

    Atur konten tampilan menjadi sebagian atau semua dimensi.

    image.png

    Show Scale

    Atur apakah akan menampilkan skala pada sumbu-Y.

    Show Axis

    Atur apakah akan menampilkan sumbu-Y, termasuk jenis garis, lebar garis, dan warna.

    Show Gridlines

    Atur apakah akan menampilkan garis kisi pada sumbu-Y, termasuk jenis garis, lebar garis, dan warna.

    Lower X-axis

    Show Lower X-axis

    Atur apakah akan menampilkan sumbu-X bawah.

    Show Title and Unit

    Atur apakah akan menampilkan axis title dan unit.

    Show Axis Labels

    Atur apakah akan menampilkan label pada sumbu-X bawah, serta konfigurasikan rentang label dan skala serta label display format.

    Show Scale

    Atur apakah akan menampilkan skala pada sumbu-X bawah.

    Show Axis

    Atur apakah akan menampilkan sumbu-X bawah, termasuk jenis garis, lebar garis, dan warna.

    Show Gridlines

    Atur apakah akan menampilkan garis kisi pada sumbu-X bawah, termasuk jenis garis, lebar garis, dan warna.

    Axis Value Range and Interval

    • Atur Auto atau konfigurasi secara manual nilai maksimum/minimum untuk label dan skala sumbu-X bawah.

    • Atur Custom Interval berdasarkan ukuran langkah atau jumlah pembagian sama.

    100.gif

    Catatan

    Konfigurasikan Upper X-axis hanya ketika Dual Y-Axis dipilih. Konfigurasi sama dengan Lower X-axis.

    Legend

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

    • Konfigurasi PC

      image.png

      Item Konfigurasi

      Deskripsi

      Content

      Ketika bidang di Category Axis cocok dengan bidang di Color Legend, dan Fill Pattern diaktifkan di Plot Area, muncul beberapa legenda. Pilih konten legenda mana yang akan ditampilkan.111

      Position

      Atur posisi dan penyelarasan legenda untuk PC.

      • Untuk Top atau Bottom: Sejajarkan kiri, tengah, atau kanan.

      • Untuk Left atau Right: Sejajarkan atas, tengah, atau bawah. Anda juga dapat mengatur jarak antara legenda dan konten grafik.

      Text

      Atur gaya teks legenda untuk PC. Konfigurasikan warna font, ukuran, bobot, dan italic.

    • Konfigurasi Mobile

      image

      Item Konfigurasi

      Deskripsi

      Position

      Atur posisi dan penyelarasan legenda untuk mobile.

      • Untuk Top atau Bottom: Sejajarkan kiri, tengah, atau kanan.

      • Untuk Left atau Right: Sejajarkan atas, tengah, atau bawah. Anda juga dapat mengatur jarak antara legenda dan konten grafik.

      Catatan

      Ketika posisi diatur ke Top, aktifkan sub-label legenda. Penyelarasan tidak dapat dikustomisasi saat diaktifkan.

      Text

      Atur gaya teks untuk nama measure dalam legenda mobile. Konfigurasikan warna font, ukuran, bobot, dan italic.

      Display tag content

      Ketika Position diatur ke Top, klik ikon image untuk mengaktifkan sub-label legenda

      Content

      Atur konten data untuk sub-label legenda. Opsi: persentase atau total.

      • Percentage: Persentase titik data dalam dimensi saat ini. Contoh: Jumlah laba sebagai persentase dari total pendapatan untuk perlengkapan kantor.

      • Total: Jumlah semua measure dalam dimensi saat ini. Contoh: Total penjualan lintas wilayah untuk tahun 2025.

      Style

      Atur tata letak teks untuk sub-label legenda. Opsi:

      • Multi-row Equal Division: Bagi label secara otomatis berdasarkan kolom per baris dan baris per halaman.image

      • Single-row Tiling: Tampilkan semua label dalam satu baris.image

      • Plain Text: Tampilkan hanya teks, tanpa ikon. Warna teks sesuai dengan warna garis measure yang sesuai dalam grafik.image

      Display for Unselected Metrics

      Ketika Style diatur ke Multi-row Equal Division atau Single-row Tiling, atur cara menampilkan metrik yang tidak dipilih. Opsi: - atau Empty.

      Percentage Position

      Ketika Content mencakup Percentage dan Style diatur ke Multi-row Equal Division atau Single-row Tiling, atur posisi persentase menjadi Below Value atau Right of Value.

      Text Style

      Ketika Style diatur ke Multi-row Equal Division atau Single-row Tiling, atur gaya teks untuk Value.

      Ketika Content mencakup Percentage, atur format terpisah untuk teks persentase agar secara visual berbeda dari label Value.

      Percentage Decimal Places

      Ketika Content mencakup Percentage, sesuaikan tempat desimal sesuai kebutuhan.

      Full Text Display

      Ketika Style diatur ke Multi-row Equal Division atau Single-row Tiling, nama measure yang panjang mungkin terpotong. Aktifkan Full Text Display untuk menampilkan nama lengkap.

      Show Tooltip Fields

      Ketika diaktifkan, bidang yang dikonfigurasi di panel bidang Tooltip/Measure akan muncul di area legenda.

      Catatan

      Bidang tooltip tidak didukung saat melakukan pemisahan berdasarkan dimensi (yaitu, color legend adalah dimensi).

    Data Labels

    Pada bagian Data Labels, atur apakah akan menampilkan label data dan gayanya.

    image..png

    Item Konfigurasi

    Deskripsi

    Full Display

    Atur apakah akan menampilkan semua label data.

    Position

    Atur posisi label.

    Ketika Fill Pattern diaktifkan di Plot Area, hanya Outside Icons yang didukung.

    Text

    Atur gaya teks label.

    Tooltip

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

    • Konfigurasi PC

      image

      Item Konfigurasi

      Deskripsi Parameter

      Display Mode

      Atur mode tampilan tooltip: Per Data Point atau Per Dimension Value.

      Content

      Pilih konten data untuk tooltip. Opsi yang tersedia bergantung pada mode tampilan:

      Untuk Per Data Point, persentase didukung. Untuk Per Dimension Value, total dan persentase didukung.

      • Percentage: Persentase titik data dalam dimensi saat ini. Contoh: Jumlah laba sebagai persentase dari total pendapatan untuk perlengkapan kantor.

      • Total: Jumlah semua measure dalam dimensi saat ini. Contoh: Total penjualan lintas wilayah untuk tahun 2025.

      Background Color

      Atur warna latar belakang kotak tooltip.

      Text

      Atur gaya teks untuk kotak tooltip. Konfigurasikan warna font, ukuran, bobot, dan italic.

    • Konfigurasi Mobile

      image

      Item Konfigurasi

      Deskripsi

      Hover Bubble

      Klik ikon image untuk mengaktifkan hover bubbles (①)

      Content

      Atur konten data untuk hover bubbles. Opsi: persentase atau total.

      • Percentage: Persentase titik data dalam dimensi saat ini. Contoh: Jumlah laba sebagai persentase dari total pendapatan untuk perlengkapan kantor.

      • Total: Jumlah semua measure dalam dimensi saat ini. Contoh: Total penjualan lintas wilayah untuk tahun 2025.

      Background Color

      Atur warna latar belakang hover bubbles.

      Text

      Atur gaya teks untuk hover bubbles. Konfigurasikan warna font, ukuran, bobot, dan italic.

      Axis Dimension

      Klik ikon image untuk mengaktifkan tampilan dimensi sumbu (②)

      Background Color

      Atur warna latar belakang label dimensi sumbu.

      Text

      Atur gaya teks untuk label dimensi sumbu. Konfigurasikan warna font, bobot, dan italic.

    Series Settings

    Pada bagian Series Settings, konfigurasikan gaya seri.

    image..png

    Catatan

    Konfigurasikan alias dan format angka di Series Settings hanya ketika Color Legend (Dimension) diaktifkan.

    Item Konfigurasi

    Deskripsi

    Select Series

    Pilih dimensi atau measure berdasarkan kebutuhan bisnis Anda.

    Axis

    Atur ke default, primary axis, atau secondary axis.

    Show Data Labels

    Atur apakah akan menampilkan label data, termasuk warna dan posisi label.

    Show Boundary Values

    Tampilkan label untuk nilai maksimum dan minimum pada grafik.

    Catatan

    Fitur ini tidak didukung untuk grafik bertumpuk atau grafik bertumpuk 100%.

    Auxiliary Display

    Pada bagian Auxiliary Display, konfigurasikan penyaringan metrik dan kontrol tampilan.

    image

    Item Konfigurasi

    Deskripsi

    Enable Metric Filtering

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

    View Controls

    Ketika volume data pada sumbu grafik besar dan padat, serta ukuran kontainer tidak dapat menampilkan semua data secara lengkap, klik ikon image untuk mengaktifkan kontrol tampilan. Kontrol tampilan memungkinkan pengguna laporan menyesuaikan rentang tampilan grafik secara dinamis dengan scrolling, memastikan visibilitas dan keterbacaan data secara penuh sekaligus memberikan operasi yang fleksibel.

    Anda dapat menggunakan overview axis dan scroll bar untuk mengontrol rentang tampilan sumbu grafik.

    • Ketika Mini Chart dipilih, grafik tren data lengkap yang disederhanakan (mini chart) muncul di bagian bawah grafik. Pengguna laporan dapat menyeret area seleksi untuk menelusuri semua data dengan cepat atau fokus pada rentang tertentu. Mini chart menggunakan koordinat absolut: interval yang dipilih secara langsung berkorespondensi dengan jumlah tetap titik data pada sumbu aktual. Ini ideal untuk analisis komparatif atau skenario kompleks yang memerlukan navigasi langsung.image Secara default, mini chart hanya muncul ketika volume data melebihi lebar tampilan kontainer grafik. Untuk selalu menampilkan mini chart, aktifkan Persistent Display. Ketika diaktifkan, mini chart tetap terlihat meskipun data tidak memenuhi layar.

    • Ketika Scroll Bar dipilih, scroll bar horizontal muncul di sisi kanan grafik. Pengguna laporan dapat menyeret slider secara horizontal untuk menggeser jendela tampilan. Scroll bar menggunakan proporsi relatif: panjang dan posisi slider bergantung pada rasio jendela yang terlihat terhadap rentang data total. Ini ideal untuk penelusuran umum.image Anda dapat mengatur lebar kategori minimum untuk membatasi jumlah item data dalam jendela grafik saat ini. Hal ini memastikan tanda sumbu tetap jelas dan mencegah kekacauan visual akibat label yang tumpang tindih atau titik data yang terlalu padat. Lebar kategori minimum default adalah 32 px dan berkisar antara 16–100 px.

      Ketika lebar kategori aktual yang dialokasikan ke grafik berada di bawah lebar kategori minimum, scroll bar akan muncul. Ketika diaktifkan, elemen grafik dan label data dibatasi dalam area persegi panjang sistem koordinat. Konten berlebih (misalnya, penanda, label data) secara otomatis dipotong atau diposisikan ulang untuk ditampilkan.

    Catatan

    Jika tidak ada kontrol tampilan yang dikonfigurasi dan ukuran grafik terlalu kecil, sistem secara otomatis mengaktifkan kontrol tampilan dan memilih Mini Chart. Mini chart hanya muncul ketika volume data melebihi lebar tampilan kontainer grafik.

    Konfigurasi Analisis Grafik

    Item Konfigurasi

    Nama

    Deskripsi

    Data Interaction

    Drilling

    Ketika bidang drill-down dikonfigurasi di panel bidang, atur gaya tampilan level drill-down di sini.

    Filter Interaction

    Jika data analisis Anda tersebar di berbagai grafik, gunakan filter interaction untuk menghubungkan grafik guna analisis terkoordinasi. Untuk informasi selengkapnya, lihat Configure and Display Filter Interaction.

    Go To

    Jika data analisis Anda tersebar di beberapa dasbor, gunakan hyperlink untuk menghubungkan dasbor guna analisis terkoordinasi. Hyperlink mendukung Parameter Linking dan External Links. Untuk informasi selengkapnya, lihat Configure and Display Hyperlinks.

    Analysis Alerts

    Auxiliary Lines

    Bandingkan nilai measure saat ini dengan nilai referensi garis bantu. Nilai referensi dapat berupa nilai statis atau nilai yang dihitung. Nilai yang dihitung mencakup rata-rata, maksimum, minimum, dan median. Untuk informasi selengkapnya, lihat Auxiliary Lines.

    Trendline

    Tampilkan tren data secara keseluruhan. Jenis trendline mencakup Intelligent, Linear, Logarithmic, Exponential, Polynomial, dan Power. Untuk informasi selengkapnya, lihat Trendlines.

    Annotations

    -

    Ketika data grafik mengandung anomali atau memerlukan perhatian, soroti dengan warna, ikon, komentar, atau titik data. Hal ini membantu Anda mengidentifikasi masalah dan mengambil tindakan. Untuk informasi selengkapnya, lihat Annotations.

    Langkah Selanjutnya

    • Bagikan dasbor kepada pengguna tertentu. Untuk informasi selengkapnya, lihat Share a Dashboard.

    • Integrasikan dasbor ke dalam portal BI untuk membuat bilah navigasi kompleks guna analisis tematik. Untuk informasi selengkapnya, lihat Create a PC BI Portal.