All Products
Search
Document Center

Simple Log Service:Bar gauge

Last Updated:Jun 17, 2026

Bar gauge di Simple Log Service menampilkan beberapa batang untuk data yang berbeda atau satu batang tunggal yang berfungsi sebagai progress bar guna menunjukkan persentase atau proporsi data.

Ikhtisar

  • Bar gauge dengan beberapa batang biasanya digunakan untuk analisis top-N.

    计量图

  • Bar gauge dengan satu batang biasanya digunakan sebagai progress bar untuk menampilkan persentase atau proporsi data.

    image

Untuk menambahkan bar gauge, lihat Tambahkan grafik ke dashboard.

Ikhtisar

Jenis bar gauge

Contoh

Topik terkait

Basic Metering Graph

image

Konfigurasikan bar gauge dasar

Mengonfigurasi dial

image

Konfigurasikan dial

Multiple queries

image

Konfigurasikan beberapa kueri

Konfigurasikan bar gauge dasar

  1. Masuk ke Simple Log Service console. Di bagian Projects, klik proyek yang Anda inginkan.

    image

  2. Di panel navigasi kiri, pilih Dashboard > Dashboards. Di daftar Dashboard, klik dashboard yang Anda inginkan. Di pojok kanan atas halaman dashboard, klik Edit. Dalam mode edit, pilih Add > Add Chart.

  3. Di sisi kanan halaman, konfigurasikan Chart Type dan Style Settings. Di sisi kiri, konfigurasikan rentang waktu kueri, Logstore, dan pernyataan kueri. Lalu, klik Apply di bagian atas halaman untuk melihat grafik.

    image

    • Pernyataan kueri untuk menghitung jumlah pengunjung unik (UVs) suatu halaman web adalah:

      status < 400 | SELECT approx_distinct(client_ip) AS UV
    • Pernyataan kueri untuk menghitung jumlah tampilan halaman (PVs) suatu halaman web adalah:

      status < 400 | SELECT count(*) AS PV
    • Pernyataan kueri untuk menghitung jumlah catatan log adalah:

      * | SELECT count(*) AS count

Konfigurasi umum

Konfigurasikan pengaturan global untuk bar gauge.

  • Konfigurasi dasar

    Parameter

    Deskripsi

    Title

    Judul bar gauge.

    Display Title

    Aktifkan Display Title untuk menampilkan judul pada bar gauge.

    Display Border

    Aktifkan Display Border untuk menampilkan garis tepi di sekeliling bar gauge.

    Display Background

    Aktifkan Display Background untuk menampilkan warna latar belakang bar gauge.

    Display Time

    Aktifkan Display Time untuk menampilkan rentang waktu kueri pada bar gauge.

    Fixed Time

    Aktifkan Fixed Time agar rentang waktu kueri bar gauge tidak bergantung pada rentang waktu global dashboard.

  • Konfigurasi standar

    Parameter

    Deskripsi

    Format

    Format tampilan angka.

    Unit

    Unit untuk angka.

    Decimal places

    Jumlah tempat desimal untuk angka.

    Display Name

    Nama baris.

    Jika Anda menetapkan display name, semua baris dalam bar gauge akan menggunakan nama ini. Untuk mengubah nama tertentu, gunakan konfigurasi bidang.

    Color Scheme

    Skema warna untuk bar gauge.

    • Built-in: Menggunakan warna bawaan.

    • Monochrome: Pilih satu warna.

    • Threshold: Menampilkan warna berdasarkan konfigurasi ambang batas.

  • Konfigurasi data

    Parameter

    Deskripsi

    Display Mode

    Mode tampilan untuk bar gauge.

    • Calculated value: Menampilkan nilai yang dihitung oleh fungsi.

    • All values: Menampilkan semua nilai dari bidang target dalam hasil kueri.

    Calculation function

    Jika Anda menetapkan Display Mode ke Calculated value, pilih fungsi untuk menghitung hasil kueri.

    Sebagai contoh, jika Anda menetapkan Calculation function ke Maximum, bar gauge akan menampilkan nilai maksimum dari hasil setiap kueri.

    Layout

    Tata letak bar gauge.

    • Horizontal: Batang disusun dari kiri ke kanan.

      Jika Anda menetapkan Layout ke Horizontal, Anda juga dapat menggunakan Minimum width untuk mengatur lebar minimum batang.

    • Vertical: Batang disusun dari bawah ke atas.

      Jika Anda menetapkan Layout ke Vertical, Anda juga dapat menggunakan Minimum height untuk mengatur tinggi minimum batang.

    Minimum width

    Lebar minimum batang.

    Show percentage

    Menampilkan persentase nilai setiap batang relatif terhadap nilai maksimum.

    Show Title

    Aktifkan Show Title untuk menampilkan judul dalam bar gauge.

  • Pengaturan gaya

    Parameter

    Deskripsi

    Display Mode

    Mengontrol tampilan bar gauge.

    • Gradient: Batang dengan gradien berdasarkan ambang batas.

    • Retro LCD: Batang yang menyerupai progress bar LCD.

    • Basic: Batang monokrom.

    • Dial: Dial.

    Show empty area

    Aktifkan opsi ini untuk merender area kosong batang dalam warna abu-abu.

    Catatan

    Opsi ini tidak berlaku untuk mode Retro LCD.

    Minimum range

    Nilai minimum yang ditampilkan.

    Maximum range

    Nilai maksimum yang ditampilkan.

    Value font color

    Warna angka yang ditampilkan.

    Value font size

    Ukuran font angka.

    Title font size

    Ukuran font judul.

    Edge shape

    Bentuk tepi bar gauge.

    Thickness

    Ketebalan bar gauge.

    Base color

    Warna dasar bar gauge.

  • Konfigurasi kueri dan analisis

    Parameter

    Deskripsi

    Displayed Fields

    Bidang yang ditampilkan dalam bar gauge.

    Use query result

    Aktifkan Use query result untuk memilih Field with maximum value.

  • Ambang batas

    Parameter

    Deskripsi

    Threshold mode

    Mode tampilan untuk ambang batas.

    Threshold

    Ambang batas untuk data.

    Jika Anda menetapkan Color Scheme ke Threshold dan menetapkan ambang batas di sini, sistem akan menampilkan bar gauge dengan warna ambang batas yang sesuai.

  • Pemetaan nilai

    Parameter

    Deskripsi

    Value mapping

    Ganti nilai dalam bar gauge dengan kata atau ikon.

    Sebagai contoh, tetapkan Value ke 200, Mapping type ke Text, dan Mapping value ke Success. Nilai 200 dalam bar gauge kemudian akan diganti dengan Success.

  • Penggantian variabel

    Parameter

    Deskripsi

    Variable substitution

    Penggantian variabel menambahkan filter bertipe variabel ke grafik. Setelah dikonfigurasi di General configurations, filter akan muncul di pojok kiri atas grafik. Saat Anda memilih nilai, Simple Log Service akan mengganti variabel dalam pernyataan kueri dan menjalankan ulang analisis tersebut. Contoh 2: Atur penggantian variabel.

  • Tautan dokumen

    Parameter

    Deskripsi

    Add document link

    Tambahkan tautan dokumen kustom atau deskripsi. Informasi ini akan ditampilkan di pojok kanan atas bar gauge.

Konfigurasi bidang

Terapkan pengaturan visualisasi kustom pada hasil satu kueri atau satu kolom data. Untuk penjelasan item konfigurasi, lihat Konfigurasi umum.

Sebagai contoh, Anda dapat menggunakan pernyataan kueri pada gambar untuk menghitung jumlah permintaan untuk setiap metode permintaan dan menampilkan hasilnya dalam bar gauge. Di bagian Field configuration, Anda dapat menetapkan warna berbeda untuk setiap batang.

  • A > POST mengonfigurasi kolom POST dalam kueri A dan menetapkan batang yang sesuai menjadi biru.

  • A > PUT mengonfigurasi kolom PUT dalam kueri A dan menetapkan batang yang sesuai menjadi hijau.

  • A > D mengonfigurasi kolom D dalam kueri A dan menetapkan batang yang sesuai menjadi kuning. Karena DELETE merupakan kata kunci dalam sintaks SQL, kata tersebut tidak dapat digunakan langsung dalam pernyataan analitik. Anda dapat menetapkan display name menjadi DELETE.

  • A > GET mengonfigurasi kolom GET dalam kueri A dan menetapkan batang yang sesuai menjadi merah.

  • A > HEAD mengonfigurasi kolom HEAD dalam kueri A dan menetapkan batang yang sesuai menjadi ungu.

计量图pro

Event interaksi

Konfigurasikan interaksi untuk hasil satu kueri atau satu kolom data guna memungkinkan analisis data yang lebih mendalam. Event interaksi mencakup membuka Logstore, membuka pencarian tersimpan, membuka dashboard, membuka Trace Analysis, membuka Trace Details, dan menggunakan tautan HTTP kustom. Untuk informasi lebih lanjut, lihat Tambahkan event interaksi ke dashboard untuk analisis drill-down.

Sebagai contoh, Anda dapat menggunakan opsi A untuk menetapkan event interaksi pada hasil kueri A. Jika Anda menetapkan event tersebut ke Open Logstore, Anda dapat mengklik titik mana pun pada batang untuk kueri A lalu mengklik Open Logstore untuk menuju Logstore yang ditentukan.

image