All Products
Search

This Product

    Simple Log Service:Tambahkan grafik garis dengan beberapa sumbu-y

    Document Center

    Simple Log Service:Tambahkan grafik garis dengan beberapa sumbu-y

    Last Updated:Jun 21, 2026

    Gunakan beberapa sumbu-y dalam grafik garis untuk menampilkan berbagai jenis data atau data dengan skala yang sangat berbeda pada satu grafik. Topik ini menjelaskan cara membuat grafik tersebut.

    Prasyarat

    Informasi latar belakang

    Grafik garis dengan beberapa sumbu-y secara jelas menampilkan tren perubahan data yang memiliki skala sangat berbeda dan tidak dapat direpresentasikan secara efektif menggunakan satu sumbu-y saja. Topik ini menggunakan log akses website dari Perusahaan A sebagai contoh. Informasi resource dan contoh log adalah sebagai berikut:

    • Informasi resource

      • Project: test-demo

      • LogStore: website_log

      • Dashboard: website

    • Contoh log日志样例

    Skenario analisis kueri tunggal

    Lacak volume permintaan dari wilayah China (Shanghai) dan China (Hangzhou), lalu tampilkan tren perubahannya dalam grafik garis. Garis biru menunjukkan tren permintaan Shanghai, sedangkan garis hijau menunjukkan tren permintaan Hangzhou.

    1. Tambahkan grafik statistik

    Pada halaman dashboard target, klik Edit. Dalam mode edit, klik Add > Add Chart.

    image

    2. Konfigurasi grafik statistik

    1. Atur konfigurasi umum: Seperti yang ditunjukkan pada gambar berikut, di sisi kanan halaman, atur Chart Type dan Query and Analysis Configurations. Di sisi kiri, konfigurasikan rentang waktu, LogStore, dan pernyataan query and analysis. Lalu, klik Apply di bagian atas halaman untuk melihat pratinjau grafik.

      * | select __time__ - __time__ % 60 as time, count_if(region='cn-shanghai') AS count1, count_if(region='cn-hangzhou') AS count2 GROUP BY time order by time

      image

    2. Atur sumbu-y: Karena volume permintaan dari kedua wilayah tersebut sangat berbeda, penggunaan satu sumbu-y menyebabkan tren permintaan Hangzhou menjadi tidak jelas. Gunakan Field Configuration untuk menambahkan sumbu-y kedua di sisi kanan grafik, dengan skala yang sesuai untuk volume permintaan Hangzhou.

      image

    3. Pratinjau hasil: Grafik garis kini memiliki dua sumbu-y dengan skala berbeda. Sumbu-y kiri disesuaikan untuk volume permintaan Shanghai, sedangkan sumbu-y kanan disesuaikan untuk volume permintaan Hangzhou, seperti yang ditunjukkan pada gambar berikut.

      双Y轴线图

    4. Simpan grafik dan dashboard: Di pojok kanan atas halaman pengeditan grafik, klik OK untuk menyimpan grafik. Pada halaman pengeditan dashboard, klik Save di pojok kanan atas untuk menyimpan dashboard.

    Beberapa skenario query and analysis

    Dua skenario kueri dan analisis

    Lacak volume permintaan berhasil dan gagal per menit, lalu tampilkan tren perubahannya dalam grafik garis. Garis biru menunjukkan permintaan berhasil, sedangkan garis hijau menunjukkan permintaan gagal.

    1. Tambahkan grafik statistik

    Pada halaman dashboard target, klik Edit. Dalam mode edit, klik Add > Add Chart.

    2. Konfigurasi grafik statistik

    1. Atur konfigurasi umum: Di sisi kanan halaman, atur Chart Type ke Line Chart Pro. Di sisi kiri, konfigurasikan rentang waktu, LogStore, dan pernyataan query and analysis. Lalu, klik Apply di bagian atas halaman untuk melihat pratinjau grafik.

      多Y轴线图

      Query and analysis A: Hitung jumlah permintaan berhasil per menit.

      status in [200 299] | SELECT __time__-__time__ % 60 AS Time, count(1) AS OK GROUP BY Time ORDER BY Time LIMIT 1000

      Query and analysis B: Hitung jumlah permintaan gagal per menit.

      NOT status in [200 299] | SELECT __time__-__time__ % 60 AS Time, count(1) AS ERROR, status GROUP BY Time, status ORDER BY Time LIMIT 1000

    2. Atur sumbu-y: Karena volume permintaan berhasil dan gagal sangat berbeda, penggunaan satu sumbu-y menyebabkan tren permintaan gagal menjadi tidak jelas. Gunakan Field Configuration untuk menambahkan sumbu-y baru di sisi kanan grafik untuk permintaan gagal (ERROR).

      多Y轴线图

    3. Pratinjau hasil: Grafik garis memiliki dua sumbu-y dengan skala berbeda. Sumbu-y kiri disesuaikan untuk volume permintaan berhasil, sedangkan sumbu-y kanan disesuaikan untuk volume permintaan gagal, seperti yang ditunjukkan pada gambar berikut.

      多Y轴线图

    4. Simpan grafik dan dashboard: Di pojok kanan atas halaman pengeditan grafik, klik OK untuk menyimpan grafik. Pada halaman pengeditan dashboard, klik Save di pojok kanan atas untuk menyimpan dashboard.

    Tiga skenario query and analysis

    Lacak volume permintaan per menit, dikelompokkan berdasarkan durasi permintaan (10–50 detik berwarna biru, 50–100 detik berwarna hijau, >100 detik berwarna kuning), lalu tampilkan tren perubahannya dalam grafik garis.

    1. Tambahkan grafik statistik

    Pada halaman dashboard target, klik Edit. Dalam mode edit, klik Add > Add Chart.

    2. Konfigurasi grafik statistik

    1. Atur konfigurasi umum: Di sisi kanan halaman, atur Chart Type ke Line Chart Pro. Di sisi kiri, konfigurasikan rentang waktu, LogStore, dan pernyataan query and analysis. Lalu, klik Apply di bagian atas halaman untuk melihat pratinjau grafik.

      多Y轴线图

      • Query and analysis A: Hitung jumlah permintaan dengan durasi antara 10 hingga 50 detik.

        request_time in [10 50) | SELECT __time__-__time__ % 60 AS Time, count(1) AS count1, request_time GROUP BY Time, request_time ORDER BY Time LIMIT 1000

      • Query and analysis B: Hitung jumlah permintaan dengan durasi antara 50 hingga 100 detik.

        request_time in [50 100) | SELECT __time__-__time__ % 60 AS Time, count(1) AS count2, request_time GROUP BY Time, request_time ORDER BY Time LIMIT 1000

      • Query and analysis C: Hitung jumlah permintaan dengan durasi lebih besar atau sama dengan 100 detik.

        request_time >= 100 | SELECT __time__-__time__ % 60 AS Time, count(1) AS count3, request_time GROUP BY Time, request_time ORDER BY Time LIMIT 1000

    2. Atur sumbu-y: Karena volume permintaan sangat bervariasi berdasarkan durasi, penggunaan satu sumbu-y menyebabkan tren count2 dan count3 menjadi tidak jelas. Gunakan Field Configuration untuk menambahkan satu sumbu-y bagi hasil query and analysis B dan satu lagi bagi hasil query and analysis C.

      Penting

      Saat menambahkan dua atau lebih sumbu-y di sisi yang sama, atur y-axis > y-axis ID untuk membedakannya.

      多Y轴线图

    3. Pratinjau hasil: Grafik garis memiliki tiga sumbu-y dengan skala berbeda, masing-masing sesuai dengan rentang durasi permintaan yang berbeda, seperti yang ditunjukkan pada gambar berikut.多Y轴线图

    4. Simpan grafik dan dashboard: Di pojok kanan atas halaman pengeditan grafik, klik OK untuk menyimpan grafik. Pada halaman pengeditan dashboard, klik Save di pojok kanan atas untuk menyimpan dashboard.

    Referensi

    • Saat menambahkan grafik statistik, Anda harus mengonfigurasi pernyataan query and analysis. Untuk informasi selengkapnya, lihat Query and analysis.

    • Untuk deskripsi metrik saat mengonfigurasi bidang grafik, lihat Field configuration.