Menambahkan visualisasi untuk membandingkan dan menganalisis data

  • 7 menit

Dalam latihan ini, kita akan mengambil sesuatu selangkah lebih jauh. Alih-alih hanya memiliki visualisasi yang menampilkan data dari beberapa sumber data, kita akan menambahkan visual yang menggabungkan data dari sumber ini untuk memungkinkan Anda menghubungkan data dan menganalisis sistem Anda.

Kita akan membuat grafik untuk menunjukkan permintaan, waktu CPU, dan konsumsi unit permintaan di aplikasi web dan Cosmos DB. Grafik menggunakan metrik gabungan dari aplikasi web dan database.

Kita akan menggabungkan data menggunakan kueri Analitik Log yang mendapatkan data dari sumber ini:

  • aplikasi Web
  • Cosmos DB
  • ruang kerja Analitik Log

Kemudian kita akan menambahkan metrik yang memantau aplikasi.

Hasilkan beberapa data untuk latihan ini

  1. Masuk ke Portal Microsoft Azure.

  2. Pada halaman Beranda , pilih Grup sumber daya, atau cari "Grup sumber daya" di bilah pencarian di bagian atas halaman.

  3. Pilih grup sumber daya "pelajari" yang dibuat saat kotak pasir diaktifkan.

  4. Lihat daftar sumber daya dan pilih App Service.

    Screenshot of selecting the App Service from the resource group.

  5. Di toolbar atas, pilih Telusuri.

    Screenshot of the browser button from the App Service page.

  6. Isi layanan aplikasi dengan beberapa aktivitas untuk menghasilkan beberapa data untuk contoh kami. Pada halaman Daftar Item yang Harus Dilakukan, buat beberapa item, edit, atau tandai sebagai selesai.

    Screenshot that shows tasks for the app service for workbooks learn module.

Menambahkan grafik untuk membandingkan volume permintaan

Kita akan menghasilkan dua grafik untuk ditempatkan berdampingan untuk membandingkan jumlah permintaan yang dikirim ke aplikasi web dan ke Cosmos DB.

Di buku kerja Anda, pilih Edit dari toolbar atas.

  1. Pilih Tambahkan, lalu pilih Tambahkan parameter.

  2. Pilih Tambahkan parameter untuk menambahkan parameter baru.

    1. Di bidang Nama parameter, masukkan WebApps.

    2. Di bidang Jenis parameter, pilih Pemilih sumber daya.

    3. Pilih kotak centang Diperlukan .

    4. Di bagian Dapatkan data dari , pilih Kueri.

    5. Di bagian kueri Log Langganan:

      1. Di bidang Sumber data, pilih Grafik sumber daya Azure.

      2. Di bidang Jenis sumber daya, pilih Langganan.

      3. Di bidang Langganan, pilih parameter Sumber daya langganan.

      4. Masukkan kueri berikut, lalu pilih Jalankan Kueri.

        resources 
| where type == "microsoft.web/sites" 
| project id

      Screenshot that shows the web app parameter in a workbook.

    6. Pilih Simpan.

  3. Di bagian Tambahkan parameter yang sama, pilih Tambahkan parameter lagi.

    Screenshot that shows adding a second parameter to an existing parameter control in Azure workbooks.

    1. Di bidang Nama parameter, masukkan CosmosDB.

    2. Di bidang Jenis parameter, pilih Pemilih sumber daya.

    3. Pilih kotak centang Diperlukan .

    4. Di bagian Dapatkan data dari , pilih Kueri.

    5. Di bagian kueri Log Langganan:

      1. Di bidang Sumber data, pilih Grafik sumber daya Azure.

      2. Di bidang Jenis sumber daya, pilih Langganan.

      3. Di bidang Langganan, pilih parameter Sumber daya langganan.

      4. Masukkan kueri berikut, lalu pilih Jalankan Kueri.

        resources 
| where type == "microsoft.documentdb/databaseaccounts" 
| project id

    6. Pilih Simpan.

  4. Di bagian Tambahkan parameter yang sama, pilih Tambahkan parameter lagi.

    1. Di bidang Nama parameter, masukkan LogAnalytics.

    2. Di bidang Jenis parameter, pilih Pemilih sumber daya.

    3. Pilih kotak centang Diperlukan .

    4. Di bagian Dapatkan data dari , pilih Kueri.

    5. Di bagian kueri Log Langganan:

      1. Di bidang Sumber data, pilih Grafik sumber daya Azure.

      2. Di bidang Jenis sumber daya, pilih Langganan.

      3. Di bidang Langganan, pilih parameter Sumber daya langganan.

      4. Masukkan kueri berikut, lalu pilih Jalankan Kueri.

        resources 
| where type == "microsoft.operationalinsights/workspaces"
| project id

    6. Pilih Simpan.

  5. Di bagian Tambahkan parameter yang sama, pilih Tambahkan parameter lagi.

    1. Di bidang Nama parameter, masukkan TimeRange.
    2. Di bidang Jenis parameter, pilih Pemilih Rentang waktu.
    3. Pilih kotak centang Diperlukan .
    4. Di bidang Rentang waktu yang tersedia, pastikan semua nilai dipilih.
    5. Pilih Simpan.

  6. Pilih Selesai mengedit. Buku kerja Anda sekarang memiliki kontrol parameter dengan empat parameter. Saat Anda memilih parameter pertama, daftar di setiap drop-down berturut-turut diisi berdasarkan pilihan Anda.

    Screenshot that shows multiple parameters in one control in Azure workbooks.

  7. Pilih Edit di samping kontrol parameter yang baru saja kami tambahkan, lalu pilih Tambahkan dan Tambahkan metrik.

  8. Masukkan pengaturan ini untuk metrik:

    1. Di bidang Jenis Sumber Daya, pilih App Service.

    2. Di bidang App Service, pilih parameter WebApp.

    3. Di bidang Rentang Waktu, pilih parameter TimeRange.

      Screenshot that shows the metric settings for a web app in Azure Workbooks.

  9. Pilih Tambahkan metrik, dan masukkan pengaturan ini:

    1. Di bidang Namespace, pilih metrik standar App Service.

    2. Di bidang Metrik, pilih Permintaan.

    3. Di bidang Agregasi, pilih Hitung.

    4. Pilih Simpan.

      Screenshot that shows the metric settings for the number of requests made to a web app in Azure Workbooks.

  10. Untuk memastikan bahwa grafik ditampilkan berdampingan, pilih Gaya di bagian atas jendela, lalu pilih kotak centang Jadikan item ini lebar kustom . Pastikan lebar Persen diatur ke 50%.

  11. Pilih Pengaturan tingkat lanjut, dan masukkan nama untuk bagan di bidang Judul bagan, seperti "Jumlah permintaan aplikasi web".

  12. Pilih Selesai mengedit. Anda sekarang memiliki grafik yang menampilkan jumlah permintaan yang dikirim ke aplikasi web Anda.

    Screenshot that shows one graph in an Azure Workbook.

  13. Pilih Tambahkan dan Tambahkan metrik.

  14. Masukkan pengaturan ini untuk metrik:

    1. Di bidang Jenis Sumber Daya, pilih akun Azure Cosmos DB.
    2. Di bidang App Service, pilih parameter CosmosDB.
    3. Di bidang Rentang Waktu, pilih parameter TimeRange.

  15. Pilih Tambahkan metrik, dan masukkan pengaturan ini:

    1. Di bidang Namespace, pilih metrik standar akun Azure Cosmos DB.
    2. Di bidang Metrik, pilih Total Permintaan.
    3. Di bidang Agregasi, pilih Hitung.
    4. Pilih Simpan.

  16. Untuk memastikan bahwa grafik ditampilkan berdampingan, pilih Gaya di bagian atas jendela, lalu pilih kotak centang Jadikan item ini lebar kustom . Pastikan lebar Persen diatur ke 50%.

  17. Pilih Pengaturan tingkat lanjut, dan masukkan nama untuk bagan di bidang Judul bagan, seperti "Permintaan total Cosmos DB".

  18. Pilih Selesai mengedit. Anda sekarang memiliki dua grafik berdampingan yang menampilkan jumlah permintaan yang dikirim ke aplikasi web dan database Anda.

    Screenshot that shows two graphs in an Azure Workbook.

Menambahkan grafik untuk membandingkan volume operasi

Kita akan menggunakan kueri Analitik Log untuk menghasilkan dua grafik yang akan kita tempatkan secara berdampingan untuk membandingkan jumlah dan jenis permintaan yang dikirim ke aplikasi web dan ke Cosmos DB.

Di buku kerja Anda, pilih Edit dari toolbar atas.

  1. Tambahkan kueri untuk jumlah permintaan per operasi. Pilih Tambahkan, lalu pilih Tambahkan kueri.

    1. Di bidang Sumber data, pilih Log.

    2. Di bidang Jenis sumber daya, pilih Analitik Log.

    3. Di bidang ruang kerja Analitik Log, pilih parameter Analitik Log.

    4. Di bidang Rentang Waktu, pilih parameter TimeRange.

    5. Masukkan kueri Log ini:

        AppRequests
| summarize RequestsCount=sum(ItemCount) by OperationName, _ResourceId
| order by RequestsCount desc

      Screenshot that shows a query for the number of requests to a web app in an Azure Workbooks.

  2. Sekarang, kita akan menggunakan pengaturan penyajian untuk membuat bagan mudah dipahami secara visual. Pilih Pengaturan kolom, lalu di bagian Kolom di sebelah kiri, pilih Nama Operasi, lalu masukkan pengaturan ini.

    1. Di bidang Nama kolom, masukkan (atau biarkan nama default) "OperationName".

    2. Di bidang Perender kolom, pilih Ambang Batas.

    3. Di bagian Ambang Batas , pilih Warna, lalu tambahkan ambang batas ini:

      Operator Nilai Warna Teks
      mengandung Buat Orange {0}{1}
      mengandung Hapus Merah (Muda) {0}{1}
      mengandung Edit Biru (Terang) {0}{1}
      Default Hijau {0}{1}

      Screenshot that shows setting the colors in a grid in Azure Workbooks.

  3. Di bagian Kolom di sebelah kiri, pilih _ResourceId, lalu di bidang Penyaji kolom, pilih Tersembunyi.

  4. Di bagian Kolom di sebelah kiri, pilih ResourceCount, lalu masukkan pengaturan ini:

    1. Di bidang Nama kolom, masukkan (atau biarkan nama default) "RequestCount".
    2. Di bidang Perender kolom, pilih Bilah.
    3. Di bagian Palet warna, pilih Biru.**
    4. Pilih Simpan dan Tutup.

  5. Untuk memastikan bahwa grafik ditampilkan berdampingan, pilih Gaya di bagian atas jendela, lalu pilih kotak centang Jadikan item ini lebar kustom . Pastikan lebar Persen diatur ke 50%.

  6. Pilih Pengaturan tingkat lanjut, dan masukkan nama untuk bagan di bidang Judul bagan, seperti "Operasi Aplikasi Web".

  7. Pilih Selesai mengedit. Buku kerja Anda sekarang memiliki grafik berkode warna yang memperlihatkan jenis operasi yang dikirim ke aplikasi web Anda dan jumlah setiap jenis permintaan.

    Screenshot that shows a bar chart with the number of requests per operation for a web app.

  8. Sekarang kita akan menambahkan visualisasi untuk jumlah permintaan untuk Cosmos DB.

  9. Pilih Edit di samping kontrol parameter yang baru saja kami tambahkan, lalu pilih Tambahkan dan Tambahkan metrik.

  10. Masukkan pengaturan ini untuk metrik:

    1. Di bidang Jenis Sumber Daya, pilih akun Azure Cosmos DB.
    2. Di bidang App Service, pilih parameter CosmosDB.
    3. Di bidang Rentang Waktu, pilih parameter TimeRange.
    4. Di bidang Visualisasi, pilih Kisi.

  11. Pilih Tambahkan metrik, dan masukkan pengaturan ini:

    1. Di bidang Namespace, pilih metrik standar akun Azure Cosmos DB.

    2. Di bidang Metrik, pilih Total Permintaan.

    3. Di bidang Agregasi, pilih Hitung.

    4. Di bidang Pisahkan, pilih Tidak Ada.

    5. Pilih Simpan.

      Screenshot that shows a query for the number of requests to a database in an Azure Workbook.

  12. Tambahkan metrik lain. Pilih Tambahkan dan Tambahkan metrik, dan masukkan pengaturan ini:

    1. Di bidang Namespace, pilih metrik standar akun Azure Cosmos DB.

    2. Di bidang Metrik, pilih Total Permintaan.

    3. Di bidang Agregasi, pilih Hitung.

    4. Di bidang Pisahkan menurut, pilih OperationType.

    5. Di bidang Urutkan menurut, pilih Turun.

    6. Di bidang Jumlah pemisahan, pilih 5.

    7. Di bidang Nama Tampilan, masukkan "Operasi".

    8. Pilih Simpan.

      Screenshot that shows a query with results split into columns in an Azure Workbook.

  13. Kita akan menggunakan pengaturan penyajian untuk membuat bagan mudah dipahami secara visual.

  14. Pilih Pengaturan kolom, lalu di bagian Kolom di sebelah kiri, pilih microsoft.documentsdb/databaseaccounts-Requests-TotalRequests, lalu masukkan pengaturan ini.

    1. Di bidang Perender kolom, pilih Peta Panas.

    2. Di bidang Palet warna, pilih Biru.

    3. Pilih Pemformatan kustom.

      1. Di bidang Unit, pilih Hitung.
      2. Di bidang Gaya, pilih Desimal.

      Screenshot that shows setting the colors in a grid using the heatmap setting in Azure Workbooks.

  15. Di bagian Kolom di sebelah kiri, pilih microsoft.documentsdb/databaseaccounts-Requests-TotalRequests Timeline (Tersembunyi), lalu masukkan pengaturan ini:

    1. Di bidang Label Kolom, masukkan (atau biarkan nama default) "Total Permintaan (Hitungan)".
    2. Di bidang Perender kolom, pilih Peta Panas.
    3. Di bidang Palet warna, pilih Biru.

  16. Di bagian Kolom di sebelah kiri, pilih */Operations$ (Text), lalu masukkan pengaturan ini:

    1. Di bidang Label Kolom, masukkan (atau biarkan nama default) "Total Permintaan (Hitungan)".
    2. Di bidang Perender kolom, pilih Peta Panas.
    3. Di bidang Palet warna, pilih Biru.
    4. Pilih Pemformatan kustom.
      1. Di bidang Unit, pilih Hitung.
      2. Di bidang Gaya, pilih Desimal.
    5. Pilih Simpan dan Tutup.

  17. Untuk memastikan bahwa grafik ditampilkan berdampingan, pilih Gaya di bagian atas jendela, lalu pilih kotak centang Jadikan item ini lebar kustom . Pastikan lebar Persen diatur ke 50%.

  18. Pilih Pengaturan tingkat lanjut, dan masukkan nama untuk bagan di bidang Judul bagan, seperti "Operasi Cosmos DB".

  19. Pilih Selesai mengedit. Buku kerja Anda sekarang memiliki dua grafik berkode warna yang memperlihatkan angka dan jenis permintaan yang dikirim ke aplikasi web dan Cosmos DB Anda.

    Screenshot that shows two side by side grids in Azure Workbooks.