Perender bilah komposit

  • Artikel

Dengan Buku Kerja Azure, data dapat dirender dengan menggunakan bilah komposit. Bilah ini terdiri dari beberapa bar.

Gambar berikut menunjukkan bilah komposit untuk status database. Ini menunjukkan berapa banyak server yang online, offline, dan dalam keadaan pulih.

Screenshot that shows the composite bar for database status.

Penyaji batang komposit didukung untuk visualisasi kisi, petak peta, dan grafik.

Menambahkan perender batang komposit

  1. Alihkan buku kerja ke mode edit dengan memilih Edit.

  2. Pilih Tambahkan>Tambahkan kueri.

  3. Atur Sumber data ke JSON dan atur Visualisasi ke Grid.

  4. Tambahkan data JSON berikut:

    [
    {"sub":"X", "server": "A", "online": 20, "recovering": 3, "offline": 4, "total": 27},
    {"sub":"X", "server": "B", "online": 15, "recovering": 8, "offline": 5, "total": 28},
    {"sub":"Y", "server": "C", "online": 25, "recovering": 4, "offline": 5, "total": 34},
    {"sub":"Y", "server": "D", "online": 18, "recovering": 6, "offline": 9, "total": 33}
]

  5. Jalankan kueri.

  6. Pilih Pengaturan Kolom untuk membuka panel pengaturan.

  7. Di bagian Kolom, pilih total. Untuk Perender kolom, pilih Composite Bar.

  8. Di bagian Pengaturan Bilah Komposit, tetapkan pengaturan berikut:

    Nama kolom Warna
    online Hijau
    memulihkan Kuning
    offline Merah (Muda)

  9. Untuk Label, masukkan ["online"] of ["total"] are healthy.

  10. Di pengaturan kolom untuk online, offline, serta pemulihan, Anda dapat mengatur Perender kolom ke Hidden (opsional).

  11. Pilih tab Label dan perbarui label untuk kolom total sebagai Database Status (opsional).

  12. Pilih Terapkan.

Pengaturan bilah komposit akan terlihat seperti cuplikan layar berikut:

Screenshot that shows composite bar column settings with the preceding settings.

Bilah komposit dengan pengaturan sebelumnya:

Screenshot that shows the composite bar.

Pengaturan bilah komposit

Pilih nama kolom dan warna yang sesuai untuk merender kolom dalam warna tersebut sebagai bagian dari batang komposit. Anda dapat menyisipkan, menghapus, dan memindahkan baris ke atas dan ke bawah.

Label

Label batang komposit ditampilkan di bagian atas batang komposit. Anda dapat menggunakan campuran teks statis, kolom, dan parameter. Jika Label kosong, nilai kolom saat ini ditampilkan sebagai label. Pada contoh sebelumnya, jika kita membiarkan bidang Label kosong, nilai kolom total akan ditampilkan.

Lihat kolom dengan ["columnName"].

Lihat parameter dengan {paramName}.

Nama kolom dan nama parameter peka huruf besar/kecil. Anda juga dapat menjadikan label sebagai tautan dengan memilih Jadikan item ini sebagai tautan, lalu tambahkan pengaturan tautan.

Agregasi

Agregasi berguna untuk visualisasi Pohon/Kelompokkan Menurut. Data untuk kolom baris grup diputuskan oleh set agregasi untuk kolom tersebut. Tiga jenis agregasi berlaku untuk batang komposit: None, Sum, dan Inherit.

Untuk menambahkan pengaturan Kelompokkan Menurut:

  1. Di pengaturan kolom, buka kolom tempat Anda ingin menambahkan pengaturan.
  2. Di Pohon/Kelompokkan Berdasarkan Pengaturan, di bagian Jenis pohon, pilih Kelompokkan Berdasarkan.
  3. Pilih bidang yang ingin Anda kelompokkan.Screenshot that shows Group By settings.

Tidak

Pengaturan agregasi None berarti tidak ada hasil yang ditampilkan untuk kolom tersebut untuk baris grup.

Screenshot that shows the composite bar with the None setting for aggregation.

Jumlah

Jika agregasi ditetapkan sebagai Sum, kolom di baris grup menunjukkan batang komposit dengan menggunakan jumlah kolom yang digunakan untuk merendernya. Label juga akan menggunakan jumlah kolom yang direferensikan di dalamnya.

Dalam contoh berikut, online, offline, dan pemulihan semuanya memiliki agregasi maksimum yang ditetapkan dan agregasi untuk kolom totalnya adalah Sum.

Screenshot that shows the composite bar with the Sum setting for aggregation.

Mewarisi

Jika agregasi diatur sebagai Inherit, kolom di baris grup menampilkan bilah komposit dengan menggunakan kumpulan agregasi oleh pengguna untuk kolom yang digunakan untuk merendernya. Kolom yang digunakan di Label juga menggunakan agregasi yang ditetapkan oleh pengguna. Jika perender kolom saat ini adalah Bilah Komposit dan direferensikan dalam label (seperti total dalam contoh sebelumnya), maka Sum digunakan sebagai agregasi untuk kolom tersebut.

Dalam contoh berikut, online, offline, dan pemulihan semuanya memiliki agregasi maksimum yang ditetapkan dan agregasi untuk kolom total adalah Inherit.

Screenshot that shows the composite bar with the inherit setting for aggregation.

Pengurutan

Untuk visualisasi kisi, pengurutan baris untuk kolom dengan perender batang komposit bekerja berdasarkan nilai yang merupakan jumlah kolom yang digunakan untuk merender komputer batang komposit secara dinamis. Pada contoh sebelumnya, nilai yang digunakan untuk pengurutan adalah jumlah kolom online, pemulihan, dan offline untuk baris tersebut.

Visualisasi petak peta

Untuk membuat perender batang komposit untuk visualisasi petak peta:

  1. Pilih Tambahkan>Tambahkan kueri.
  2. Ubah sumber data menjadi JSON. Masukkan data dari contoh sebelumnya.
  3. Ubah Visualisasi menjadi Tiles.
  4. Jalankan kueri.
  5. Pilih Pengaturan Petak Peta.
  6. Di bagian Bidang petak peta, pilih Kiri.
  7. Di bawah Pengaturan bidang, atur pengaturan berikut ini:
    1. Gunakan kolom: server
    2. Perender kolom: Text
  8. Di bagian Bidang petak peta, pilih Bawah.
  9. Di bawah Pengaturan bidang, atur pengaturan berikut ini:

    1. Gunakan kolom: total

    2. Perender kolom: Composite Bar

    3. Di bagian Pengaturan Bilah Komposit, tetapkan pengaturan berikut:

      Nama kolom Warna
      online Hijau
      memulihkan Kuning
      offline Merah (Muda)

    4. Untuk Label, masukkan ["online"] of ["total"] are healthy.

  10. Pilih Terapkan.

Pengaturan bilah komposit untuk petak:

Screenshot that shows composite bar tile settings with the preceding settings.

Tampilan bilah komposit untuk petak peta dengan pengaturan sebelumnya akan terlihat seperti contoh ini:

Screenshot that shows composite bar tiles.

Visualisasi Microsoft Azure Active Directory Graph

Untuk membuat perender batang komposit visualisasi grafik (ketik Kluster Hive):

  1. Pilih Tambahkan>Tambahkan kueri.
  2. Ubah Sumber data menjadi JSON. Masukkan data dari contoh sebelumnya.
  3. Ubah Visualisasi menjadi Graphs.
  4. Jalankan kueri.
  5. Pilih Pengaturan Grafik.
  6. Di bagian Pengaturan Format Node, pilih Konten Tengah.
  7. Di bawah Pengaturan bidang, atur pengaturan berikut ini:

    1. Gunakan kolom: total

    2. Perender kolom: Composite Bar

    3. Di bagian Pengaturan Bilah Komposit, tetapkan pengaturan berikut:

      Nama kolom Warna
      online Hijau
      memulihkan Kuning
      offline Merah (Muda)

    4. Untuk Label, masukkan ["online"] of ["total"] are healthy.

  8. Di bawah Tata Letak Pengaturan, atur pengaturan berikut:
    1. Jenis Grafik: Hive Clusters
    2. ID Node: server
    3. Kelompokkan Berdasarkan Bidang: None
    4. Ukuran Node: 100
    5. Margin antara segi enam: 5
    6. Jenis Pewarnaan: None
  9. Pilih Terapkan.

Pengaturan bilah komposit untuk grafik:

Screenshot that shows composite bar graph settings with the preceding settings.

Tampilan batang komposit untuk grafik dengan pengaturan sebelumnya akan terlihat seperti contoh ini:

Screenshot that shows composite bar graphs with hive clusters.

Langkah berikutnya

Memulai Buku Kerja Azure