Cara membuat grafik garis dengan sumbu y ganda - Simple Log Service

Untuk menampilkan jenis atau skala data yang berbeda dalam grafik garis, Anda dapat menambahkan beberapa sumbu y. Panduan ini menjelaskan cara membuat grafik garis dengan sumbu y ganda.

Prasyarat

Sebuah dashboard telah dibuat. Untuk informasi lebih lanjut, lihat Buat Dashboard.
Log telah dikumpulkan ke Logstore. Untuk informasi lebih lanjut, lihat Ikhtisar Pengumpulan Data.
Indeks telah dibuat. Untuk informasi lebih lanjut, lihat Buat Indeks.

Informasi latar belakang

Jika skala data sangat berbeda, grafik garis dengan satu sumbu y tidak dapat menampilkan tren data secara efektif. Dalam hal ini, gunakan grafik garis dengan sumbu y ganda. Contoh ini menggunakan log akses situs web Perusahaan A. Berikut adalah rincian sumber daya dan log sampel:

Informasi Sumber Daya
- Proyek: test-demo
- Logstore: website_log
- Dashboard: website
Log Sampel

Buat grafik garis dengan sumbu y ganda untuk pernyataan kueri

Contoh ini menampilkan jumlah permintaan dari wilayah China (Shanghai) dan China (Hangzhou). Garis biru menunjukkan tren permintaan dari Shanghai, sedangkan garis hijau menunjukkan tren permintaan dari Hangzhou.

1. Tambahkan grafik

Di pojok kanan atas halaman dashboard, klik Edit. Dalam mode edit, pilih Add > Add Chart.

2. Konfigurasikan grafik

Konfigurasikan parameter pada tab General Configurations: Di sebelah kanan halaman Edit Chart, pilih Line Chart Pro di bagian Chart Types dan konfigurasikan parameter di bagian Query and Analysis Configurations berdasarkan gambar berikut. Di sebelah kiri halaman Edit Chart, konfigurasikan rentang waktu kueri, Logstore, dan pernyataan kueri untuk grafik. Lalu, klik Apply di bagian atas halaman untuk melihat efek konfigurasi 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
```
Tambahkan dan Konfigurasikan Sumbu Y Kedua: Jumlah permintaan dari Shanghai dan Hangzhou sangat berbeda. Jika kedua tren berbagi sumbu y yang sama, tren permintaan dari Hangzhou tidak akan terlihat jelas. Untuk mengatasi hal ini, konfigurasikan parameter pada tab Field Configuration untuk menambahkan sumbu y kedua di sebelah kanan grafik. Sumbu y kedua menunjukkan jumlah permintaan dari Hangzhou.
Pratinjau Efek Konfigurasi: Grafik garis menampilkan dua sumbu y dengan skala berbeda. Sumbu y di sebelah kiri menunjukkan jumlah permintaan dari Shanghai, sedangkan sumbu y di sebelah kanan menunjukkan jumlah permintaan dari Hangzhou.
Simpan grafik dan dashboard: Di pojok kanan atas halaman Edit Chat, klik OK untuk menyimpan grafik. Di pojok kanan atas halaman dashboard, klik Save untuk menyimpan dashboard.

Buat grafik garis dengan sumbu y ganda untuk beberapa pernyataan kueri

Tentukan dua pernyataan kueri

Contoh ini menampilkan jumlah permintaan sukses dan gagal per menit. Garis biru menunjukkan jumlah permintaan sukses, sedangkan garis hijau menunjukkan jumlah permintaan gagal.

1. Tambahkan grafik

Di pojok kanan atas halaman dashboard, klik Edit. Dalam mode edit, pilih Add > Add Chart.

2. Konfigurasikan grafik

Konfigurasikan parameter pada tab General Configurations: Di sebelah kanan halaman Edit Chart, pilih Line Chart Pro di bagian Chart Types. Di sebelah kiri halaman Edit Chart, konfigurasikan rentang waktu kueri, Logstore, dan pernyataan kueri untuk grafik. Lalu, klik Apply di bagian atas halaman untuk melihat efek konfigurasi grafik.
- Pernyataan Kueri A: Hitung jumlah permintaan sukses per menit.
```
status in [200 299] | SELECT __time__-__time__ % 60 AS Time, count(1) AS OK GROUP BY Time ORDER BY Time LIMIT 1000
```
- Pernyataan Kueri 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
```
Tambahkan dan Konfigurasikan Sumbu Y Kedua: Jumlah permintaan sukses dan gagal sangat berbeda. Jika kedua tren berbagi sumbu y yang sama, tren permintaan gagal tidak akan terlihat jelas. Untuk mengatasi hal ini, konfigurasikan parameter pada tab Field Configuration untuk menambahkan sumbu y kedua di sebelah kanan grafik. Sumbu y kedua menunjukkan jumlah permintaan gagal.
Pratinjau Efek Konfigurasi: Grafik garis menampilkan dua sumbu y dengan skala berbeda. Sumbu y di sebelah kiri menunjukkan jumlah permintaan sukses, sedangkan sumbu y di sebelah kanan menunjukkan jumlah permintaan gagal.
Simpan grafik dan dashboard: Di pojok kanan atas halaman Edit Chat, klik OK untuk menyimpan grafik. Di pojok kanan atas halaman dashboard, klik Save untuk menyimpan dashboard.

Tentukan tiga pernyataan kueri

Contoh ini menampilkan jumlah permintaan berdasarkan durasi permintaan dalam satu menit. Garis biru menunjukkan tren permintaan dengan durasi antara 10 hingga 50 detik, garis hijau menunjukkan tren permintaan dengan durasi antara 50 hingga 100 detik, dan garis kuning menunjukkan tren permintaan dengan durasi lebih dari 100 detik.

1. Tambahkan grafik

Di pojok kanan atas halaman dashboard, klik Edit. Dalam mode edit, pilih Add > Add Chart.

2. Konfigurasikan grafik

Konfigurasikan parameter pada tab General Configurations: Di sebelah kanan halaman Edit Chart, pilih Line Chart Pro di bagian Chart Types. Di sebelah kiri halaman Edit Chart, konfigurasikan rentang waktu kueri, Logstore, dan pernyataan kueri untuk grafik. Lalu, klik Apply di bagian atas halaman untuk melihat efek konfigurasi grafik.
- Pernyataan Kueri 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
```
- Pernyataan Kueri 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
```
- Pernyataan Kueri C: Hitung jumlah permintaan dengan durasi lebih dari 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
```
Tambahkan dan Konfigurasikan Dua Sumbu Y: Jumlah permintaan berdasarkan durasi sangat berbeda. Jika ketiga tren berbagi sumbu y yang sama, tren count2 dan count3 tidak akan terlihat jelas. Untuk mengatasi hal ini, konfigurasikan parameter pada tab Field Configuration untuk menambahkan sumbu y untuk hasil Pernyataan Kueri B dan Pernyataan Kueri C.
Penting
Jika Anda menambahkan dua atau lebih sumbu y di sisi yang sama, konfigurasikan ID untuk setiap sumbu y agar dapat dibedakan.
Pratinjau Efek Konfigurasi: Grafik garis menampilkan tiga sumbu y dengan skala berbeda. Ketiga sumbu y sesuai dengan count1, count2, dan count3.
Simpan grafik dan dashboard: Di pojok kanan atas halaman Edit Chat, klik OK untuk menyimpan grafik. Di pojok kanan atas halaman dashboard, klik Save untuk menyimpan dashboard.

Referensi

Anda harus mengonfigurasi pernyataan kueri saat menambahkan grafik. Untuk informasi lebih lanjut, lihat Kueri dan Analisis.
Untuk informasi lebih lanjut tentang parameter pada tab Field Configuration halaman Edit Chart, lihat Konfigurasi pada Tab Field Configuration.