All Products
Search

This Product

    Simple Log Service:Tambahkan grafik garis multi-sumbu-y

    Document Center

    Simple Log Service:Tambahkan grafik garis multi-sumbu-y

    Last Updated:Mar 27, 2026

    Untuk memvisualisasikan deret data dengan satuan atau besaran berbeda dalam satu grafik garis, tambahkan beberapa sumbu-y. Topik ini menjelaskan caranya.

    Prasyarat

    Latar Belakang

    Grafik garis dengan beberapa sumbu-y berguna untuk deret data yang memiliki perbedaan signifikan dalam besaran. Satu sumbu-y saja dapat menyembunyikan tren data berskala kecil. Contoh ini menggunakan informasi resource dan sampel log berikut:

    • Informasi resource

      • Project: test-demo

      • Logstore: website_log

      • Dashboard: website

    • Sampel log日志样例

    Skema kueri tunggal

    Skema ini memvisualisasikan volume permintaan dari dua wilayah: China (Shanghai) dan China (Hangzhou). Garis biru merepresentasikan jumlah permintaan untuk China (Shanghai), sedangkan garis hijau merepresentasikan jumlah permintaan untuk China (Hangzhou).

    1. Tambahkan grafik

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

    image

    2. Konfigurasikan grafik

    1. Konfigurasikan pengaturan umum: Di panel sebelah kanan, konfigurasikan Chart Type dan pengaturan query and analysis. Di panel sebelah kiri, atur rentang waktu, pilih Logstore, dan masukkan pernyataan query dan analisis Anda. 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. Konfigurasikan sumbu-y: Karena jumlah permintaan dari kedua wilayah memiliki besaran yang sangat berbeda, tren untuk China (Hangzhou) tidak terlihat jelas pada satu sumbu-y. Untuk mengatasinya, gunakan tab field configuration untuk menambahkan sumbu-y kedua di sisi kanan grafik, yang diskalakan khusus untuk data China (Hangzhou).

      image

    3. Hasil: Grafik memiliki dua sumbu-y dengan skala berbeda. Sumbu-y kiri sesuai dengan jumlah permintaan untuk China (Shanghai), sedangkan sumbu-y kanan sesuai dengan jumlah permintaan untuk China (Hangzhou), seperti yang ditunjukkan pada gambar berikut.

      双Y轴线图

    4. Simpan grafik dan dashboard: Klik OK di pojok kanan atas untuk menyimpan grafik. Lalu, klik Save di pojok kanan atas dashboard untuk menyimpannya.

    Skema kueri ganda

    Dua kueri

    Contoh ini memvisualisasikan jumlah permintaan berhasil dan gagal per menit. Garis biru merepresentasikan permintaan berhasil, sedangkan garis hijau merepresentasikan permintaan gagal.

    1. Tambahkan grafik

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

    2. Konfigurasikan grafik

    1. Konfigurasikan pengaturan umum: Di panel sebelah kanan, atur Chart Type menjadi Line Chart Pro. Di panel sebelah kiri, konfigurasikan rentang waktu, Logstore, dan pernyataan kueri. Lalu, klik Apply di bagian atas halaman untuk melihat pratinjau grafik.

      多Y轴线图

      Query A: Menghitung 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 B: Menghitung 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. Konfigurasikan sumbu-y: Karena jumlah permintaan berhasil dan gagal berbeda secara signifikan, tren permintaan gagal sulit dilihat pada sumbu-y yang sama. Pada tab field configuration, tambahkan sumbu-y di sisi kanan grafik untuk deret permintaan gagal (ERROR).

      多Y轴线图

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

      多Y轴线图

    4. Simpan grafik dan dashboard: Klik OK di pojok kanan atas untuk menyimpan grafik. Lalu, klik Save di pojok kanan atas dashboard untuk menyimpannya.

    Tiga kueri

    Contoh ini memvisualisasikan jumlah permintaan per menit, dikategorikan berdasarkan durasi permintaan. Garis biru merepresentasikan permintaan dari 10 hingga kurang dari 50 detik, garis hijau dari 50 hingga kurang dari 100 detik, dan garis kuning untuk permintaan selama 100 detik atau lebih.

    1. Tambahkan grafik

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

    2. Konfigurasikan grafik

    1. Konfigurasikan pengaturan umum: Di panel sebelah kanan, atur Chart Type menjadi Line Chart Pro. Di panel sebelah kiri, konfigurasikan rentang waktu, Logstore, dan pernyataan kueri. Lalu, klik Apply di bagian atas halaman untuk melihat pratinjau grafik.

      多Y轴线图

      • Query A: Menghitung jumlah permintaan dengan durasi dari 10 hingga kurang dari 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 B: Menghitung jumlah permintaan dengan durasi dari 50 hingga kurang dari 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 C: Menghitung jumlah permintaan dengan durasi 100 detik atau lebih.

        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. Konfigurasikan sumbu-y: Karena jumlah permintaan untuk durasi berbeda bervariasi secara signifikan, tren untuk count2 dan count3 tidak terlihat jelas pada sumbu yang sama. Pada tab field configuration, tambahkan sumbu-y terpisah untuk hasil Query B dan sumbu-y lain untuk hasil Query C.

      Penting

      Jika Anda menambahkan dua atau lebih sumbu-y di sisi yang sama pada grafik, Anda harus mengatur properti y-axis > ID untuk memberikan ID unik pada setiap sumbu.

      多Y轴线图

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

    4. Simpan grafik dan dashboard: Klik OK di pojok kanan atas untuk menyimpan grafik. Lalu, klik Save di pojok kanan atas dashboard untuk menyimpannya.

    Referensi

    • Anda harus mengonfigurasi pernyataan query dan analisis untuk menambahkan grafik. Untuk informasi selengkapnya, lihat Query and analysis.

    • Untuk informasi selengkapnya tentang parameter pada tab field configuration, lihat Field configuration.