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.

    Cuplikan layar memilih App Service dari grup sumber daya.

  5. Di toolbar atas, pilih Telusuri.

    Cuplikan layar tombol browser dari halaman App Service.

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

    Cuplikan layar yang memperlihatkan tugas untuk layanan aplikasi untuk modul pembelajaran buku kerja.

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 tipe Parameter , pilih Resource Picker .

    3. Pilih kotak centang diperlukan.

    4. Di bagian Ambil data dari, pilih Kueri.

    5. Di bagian kueri Log Langganan:

      1. Di kolom Sumber Data, pilih Azure Resource Graph.

      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

      Cuplikan layar yang memperlihatkan parameter aplikasi web dalam buku kerja.

    6. Pilih Simpan.

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

    Cuplikan layar yang memperlihatkan penambahan parameter kedua ke kontrol parameter yang sudah ada di buku kerja Azure.

    1. Di bidang Nama parameter, masukkan CosmosDB.

    2. Di bidang jenis Parameter, pilih alat 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 Azure Resource Graph.

      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 Azure Resource Graph.

      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.

    Cuplikan layar yang memperlihatkan beberapa parameter dalam satu kontrol di buku kerja Azure.

  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.

      Cuplikan layar yang memperlihatkan pengaturan metrik untuk aplikasi web di Azure Workbooks.

  9. Pilih Tambahkan metrik, dan masukkan pengaturan ini:

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

    2. Di bidang Metrik, pilih Permintaan .

    3. Di bidang Agregasi, pilih Hitung.

    4. Pilih Simpan.

      Cuplikan layar yang memperlihatkan pengaturan metrik untuk jumlah permintaan yang dibuat ke aplikasi web di 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.

    Cuplikan layar yang memperlihatkan satu grafik dalam Buku Kerja Azure.

  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 Rentang Waktu.

  15. Pilih Tambahkan metrik, dan masukkan pengaturan ini:

    1. Pada kolom Namespace, pilih metrik standar akun Azure Cosmos DB.
    2. Di kolom 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 persentase lebar 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.

    Cuplikan layar yang memperlihatkan dua grafik dalam Buku Kerja Azure.

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 Log Analytics.

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

    4. Di bidang Time Range, pilih parameter TimeRange.

    5. Masukkan kueri Log ini:

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

      Cuplikan layar yang memperlihatkan kueri untuk jumlah permintaan ke aplikasi web di 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, pilih Warna, lalu tambahkan ambang berikut:

      Pengelola Nilai Warna Teks
      Berisi Buat Jeruk {0}{1}
      Berisi Menghapus Merah (Terang) {0}{1}
      Berisi Mengedit Biru (Terang) {0}{1}
      Bawaan Hijau {0}{1}

      Cuplikan layar yang memperlihatkan pengaturan warna dalam kisi di Azure Workbooks.

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

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

    1. Di nama kolom bidang, masukkan (atau biarkan sebagai 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.

    Cuplikan layar yang memperlihatkan bagan batang dengan jumlah permintaan per operasi untuk aplikasi web.

  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 Grid.

  11. Pilih Tambahkan metrik, dan masukkan pengaturan ini:

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

    2. Pada kolom Metrik, pilih Jumlah Permintaan.

    3. Di bidang Agregasi, pilih Hitung.

    4. Dalam kolom Pisahkan, pilih Tidak Ada.

    5. Pilih Simpan.

      Cuplikan layar yang memperlihatkan kueri untuk jumlah permintaan ke database di Buku Kerja Azure.

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

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

    2. Di bidang Metrik, pilih Total Permintaan Data.

    3. Di bidang Agregasi, pilih Hitung.

    4. Pada kolom Pisahkan berdasarkan, pilih OperationType.

    5. Di bidang Urutkan menurut, pilih Menurun.

    6. Di bidang Jumlah pemisahan, pilih 5.

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

    8. Pilih Simpan.

      Cuplikan layar yang memperlihatkan kueri dengan hasil dibagi menjadi kolom dalam Buku Kerja Azure.

  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 Heatmap.

    2. Di bidang palet Warna, pilih Biru.

    3. Pilih Pemformatan kustom.

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

      Cuplikan layar yang memperlihatkan pengaturan warna dalam kisi menggunakan pengaturan peta panas di Azure Workbooks.

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

    1. Pada bidang Label Kolom , masukkan (atau biarkan nama default) "Total Permintaan (Hitungan)".
    2. Di bidang perender Kolom, pilih Heatmap.
    3. Di bidang palet Warna, pilih Biru .

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

    1. Di bidang Label Kolom , masukkan (atau biarkan namanya default) "Total Permintaan (Hitungan)".
    2. Di bidang perender Kolom, pilih Heatmap.
    3. Di bidang palet Warna , pilih Biru .
    4. Pilih Pemformatan kustom.
      1. Di bidang Unit, pilih Hitung.
      2. Pada 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.

    Cuplikan layar yang menunjukkan dua grid berdampingan di Azure Workbooks.