All Products
Search
Document Center

Quick BI:Heatmap

Last Updated:Jun 24, 2026

Heatmap memvisualisasikan korelasi antar dimensi yang berbeda dan umumnya digunakan dalam model seperti analisis keranjang pasar (market basket analysis). Anda dapat menambahkan bidang data serta mengonfigurasi gaya visualisasi heatmap.

Prasyarat

Anda telah membuat dashboard. Untuk informasi selengkapnya, lihat Create a dashboard.

Ikhtisar grafik

Kasus penggunaan

Heatmap umumnya digunakan dalam model seperti analisis keranjang pasar (market basket analysis).

Manfaat

Tersedia dua gaya visualisasi: standard heatmap dan polar heatmap.

Contohimage

Konfigurasi bidang grafik

  1. Pada tab Fields di sisi kanan grafik, pilih bidang dimensi dan ukuran.

    • Pada daftar Dimensions, temukan bidang Province. Klik ganda bidang tersebut atau seret ke area X-axis/Dimension untuk menggunakannya sebagai sumbu x.

    • Pada daftar Dimensions, temukan bidang Product Type. Klik ganda bidang tersebut atau seret ke area Y-axis/Dimension untuk menggunakannya sebagai sumbu y.

    • Pada daftar Measures, temukan bidang Order Amount. Klik ganda bidang tersebut atau seret ke area Heat Depth untuk mengatur intensitas warna heatmap.

    • (Opsional) Untuk merepresentasikan nilai data berdasarkan ukuran blok panas, seret bidang ukuran ke area Shape Size/Measure.

  2. Klik Update. Sistem secara otomatis memperbarui grafik.image

  3. (Opsional) Untuk melihat data provinsi tertentu, atur filter.image

    Untuk informasi selengkapnya tentang pemfilteran bidang, lihat Filter chart fields.

  4. Auto-refresh

    Jika diaktifkan, data grafik akan diperbarui secara otomatis pada interval yang ditentukan. Misalnya, interval 5 menit akan memperbarui grafik setiap 5 menit.

Konfigurasi gaya grafik

Untuk informasi tentang pengaturan gaya Title and Card, lihat Configure the title area of a chart.

Area heatmap

Pada bagian Heatmap area, konfigurasikan pengaturan seperti gaya visualisasi, rentang pemetaan data, warna panas, dan opacity.

Parameter

Deskripsi

Visualization style

Tersedia dua gaya: standard heatmap dan polar heatmap.image

Color settings

Jika bidang dimensi ditambahkan ke area Heat Depth pada panel Fields, Anda dapat mengatur warna untuk setiap nilai dimensi.image

Data mapping range

Tiga jenis rentang didukung: Equal Interval Range, Continuous Range, dan Custom Range.p524630

  • Equal Interval Range

    Anda dapat menentukan 2 hingga 10 interval.

  • Continuous Range

    Jenis rentang ini dipilih secara default.

  • Custom Range

    • Anda dapat menentukan 2 hingga 10 interval.

    • Rentang dapat dibagi berdasarkan nilai absolut atau persentase, dengan nilai minimum dan maksimum yang ditentukan.

Heat color

Tersedia dua jenis gradien: Sequential Gradient dan Diverging Gradient.1

Opacity

Mengatur opacity, dengan rentang 0% hingga 100%.2

Show split line

Menampilkan atau menyembunyikan garis pemisah antar blok panas dan mengatur warnanya.111

Heat block shape

Jika bidang ditambahkan ke area Shape Size/Measure pada panel Fields, Anda dapat mengonfigurasi Shape Size blok panas.111

Heat block spacing

Mengatur jarak antar blok panas. Nilai valid: 0 hingga 20 px.

50.gif

Catatan

Pengaturan ini hanya tersedia untuk standard heatmap.

Heat block corner radius

Mengatur radius sudut blok panas. Nilai valid: 0 hingga 20 px.

51.gif

Catatan

Pengaturan ini hanya tersedia untuk standard heatmap.

Outlier handling

Anda dapat menyembunyikan atau menyesuaikan tampilan outlier.3

Axis

Pada bagian Axis, konfigurasikan gaya sumbu.

Catatan

Pengaturan berikut berlaku untuk sumbu standard heatmap. Untuk polar heatmap, Anda hanya dapat mengonfigurasi Show Outer Axis Label dan Show Inner Axis Label.

Nama

Parameter

Deskripsi

X-axis

Show x-axis

Menampilkan atau menyembunyikan sumbu x.

X-axis position

Mengatur posisi sumbu x di bagian atas atau bawah grafik.

Show title and unit

Menampilkan atau menyembunyikan judul dan satuan untuk sumbu x.

Show axis label

Menampilkan atau menyembunyikan label sumbu x dan mengonfigurasi aturan tampilan label sumbu serta gaya teks.

Aturan tampilan mencakup Smart Display, Force Sparse, dan Show at Most.

55.gif

Show tick marks

Menampilkan atau menyembunyikan tanda centang pada sumbu x.

Show axis line

Menampilkan atau menyembunyikan garis sumbu x dan mengonfigurasi gayanya, termasuk jenis jalur, lebar, dan warna.

Left y-axis

Show left y-axis

Menampilkan atau menyembunyikan sumbu y kiri.

Show title and unit

Menampilkan atau menyembunyikan judul dan satuan untuk sumbu y.

Show axis label

Menampilkan atau menyembunyikan label sumbu y kiri dan mengonfigurasi aturan tampilan label sumbu serta gaya teks.

Show tick marks

Menampilkan atau menyembunyikan tanda centang pada sumbu y kiri.

Show axis line

Menampilkan atau menyembunyikan garis sumbu y kiri dan mengonfigurasi gayanya, termasuk jenis jalur, lebar, dan warna.

Legend

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

Parameter

Deskripsi

Legend type

Saat data mapping range pada bagian Heatmap area diatur ke Equal Interval Range atau Custom Range, Anda dapat memilih jenis legenda. Jenis yang didukung meliputi Continuous, Categorical, dan Block.111

Content

Jika bidang ditambahkan ke area Heat Depth dan Shape Size pada panel Fields, Anda dapat memilih legenda bidang mana yang akan ditampilkan.111

Position

Mengatur posisi tampilan dan penyelarasan legenda.

  • Jika Anda mengatur posisi ke Top atau Bottom, Anda dapat memilih penyelarasan Kiri, Tengah, atau Kanan.

  • Jika Anda mengatur posisi ke Left atau Right, Anda dapat memilih penyelarasan Atas, Tengah, atau Bawah. Anda juga dapat mengatur jarak antara legenda dan konten grafik.

111

Text

Mengatur format teks untuk legenda.111

Mobile legend

Pengaturan legenda desktop dan mobile bersifat independen. Beralihlah ke tampilan edit mobile menggunakan tombol toggle desktop/mobile (image) di bagian atas halaman edit dashboard untuk mengonfigurasi legenda terpisah untuk perangkat mobile.image

Data label

Pada bagian Data label, konfigurasikan visibilitas label data dan gaya teks. Saat Visualization Style diatur ke standard heatmap dan bidang dikonfigurasi di area Heat Depth serta Shape Size/Measure, Anda juga dapat memilih konten label.

image

Tooltip

Pada bagian Tooltip, konfigurasikan gaya tooltip.

57.gif

Parameter

Deskripsi

Background color

Mengatur warna latar belakang tooltip.

Text

Mengatur gaya teks tooltip, termasuk warna font, ukuran, bobot, dan gaya (miring).

Mobile tooltip

Pengaturan tooltip desktop dan mobile bersifat independen. Beralihlah ke tampilan edit mobile menggunakan tombol toggle desktop/mobile (image) di bagian atas halaman edit dashboard untuk mengonfigurasi tooltip untuk perangkat mobile. Ukuran font dapat diatur secara terpisah untuk desktop dan mobile, sedangkan semua pengaturan gaya lainnya dibagikan.image

Conditional formatting

Pada bagian Conditional formatting, konfigurasikan aturan pemformatan yang berlaku ketika data memenuhi kondisi tertentu. Klik ikon image di bawah Conditional Style. Pada kotak dialog Conditional Formatting Configuration, pilih opsi Icon dan konfigurasikan pengaturannya.

Catatan

Conditional formatting hanya tersedia untuk standard heatmap.

image

Parameter

Deskripsi

Rule definition

Based on field

Pilih bidang yang akan dikonfigurasi conditional formatting-nya.

Condition type

Pilih metode perbandingan. Anda dapat membandingkan dengan nilai tetap atau membandingkan dengan bidang dinamis.

  • Compare with a fixed value: Membandingkan data bidang dengan nilai numerik tetap. Misalnya, "jumlah penjualan lebih besar dari 600.000." Metode ini ideal untuk memantau ambang batas tetap.

  • Compare with a dynamic field: Membandingkan data bidang dengan nilai atau hasil perhitungan bidang lain. Misalnya, aturan bisa berupa "melebihi penjualan bulan lalu sebesar 20%". Metode ini berguna ketika kriteria evaluasi perlu disesuaikan secara dinamis berdasarkan faktor yang berubah seperti waktu.

Conditional rule

Pilih ikon penanda untuk aturan saat ini dan definisikan logika perbandingan spesifik.

  • Jika jenis kondisi adalah fixed value, masukkan nilai tetap untuk aturan tersebut.image

  • Jika jenis kondisi adalah dynamic field, pilih bidang spesifik dan metode perhitungan untuk perbandingan tersebut.image

More settings

Mengatur ukuran ikon yang ditampilkan dalam grafik.

Auxiliary display

Pada bagian Auxiliary display, konfigurasikan slider sumbu x dan y.

Catatan

Slider hanya tersedia untuk standard heatmap.

111

Konfigurasi analisis grafik

Parameter

Deskripsi

Drill-down

Jika Anda telah mengonfigurasi bidang drill-down di panel Fields, Anda dapat mengatur gaya tampilan baris hierarki drill-down di sini. Untuk informasi selengkapnya, lihat Drill-down.

Linkage

Jika data analisis Anda berada di grafik yang berbeda, gunakan linkage untuk menghubungkannya. Untuk informasi selengkapnya, lihat Linkage.

Jump

Jika data analisis Anda berada di dashboard yang berbeda, gunakan jump untuk menghubungkannya. Jenis jump meliputi intra-product jump, intra-component jump, dan external link. Untuk informasi selengkapnya, lihat Jump.