Menambahkan teks dan pengelompokan ke dasbor

Dokumen ini menjelaskan cara menambahkan informasi yang berguna ke dasbor, dan cara mengelompokkan widget di dasbor. Misalnya, Anda dapat menambahkan informasi tentang dasbor, menambahkan link ke referensi yang relevan, atau tindakan yang harus dilakukan dalam situasi yang berbeda. Jika dasbor berisi banyak widget, Anda dapat meningkatkan kegunaan dasbor dengan mengelompokkannya.

Untuk mengetahui informasi tentang Cloud Monitoring API, lihat Membuat dan mengelola dasbor menggunakan API.

Fitur ini hanya didukung untuk Google Cloud project. Untuk konfigurasi App Hub, pilih project host App Hub atau project pengelolaan folder yang mendukung aplikasi.

Sebelum memulai

Selesaikan langkah-langkah berikut di project Google Cloud tempat Anda ingin membuat dan mengubah dasbor kustom:

Menambahkan teks ke dasbor

Screenshot berikut mengilustrasikan widget teks:

Contoh dasbor dengan widget teks.

Informasi di bagian ini ditujukan untuk Google Cloud konsol. Untuk mengetahui informasi tentang cara menggunakan Cloud Monitoring API, lihat Dasbor dengan widget Text.

Untuk menambahkan widget teks ke dasbor, lakukan tindakan berikut:

  1. Di konsol Google Cloud , buka halaman  Dasbor:

    Buka Dasbor

    Jika Anda menggunakan kotak penelusuran untuk menemukan halaman ini, pilih hasil yang subjudulnya adalah Monitoring.

  2. Di toolbar konsol Google Cloud , pilih Google Cloud project Anda. Untuk konfigurasi App Hub, pilih project host App Hub atau project pengelolaan folder yang mendukung aplikasi.
  3. Pilih dasbor atau klik Buat dasbor.
  4. Di toolbar, klik  Tambahkan widget.
  5. Dalam dialog Tambahkan widget, buka bagian Tata Letak, lalu pilih Teks.
  6. Tambahkan judul.

  7. Di panel Konten, masukkan teks yang ingin Anda tampilkan.

    Untuk informasi pemformatan, lihat Sintaksis Markdown.

  8. Opsi: Gunakan kolom di panel Tampilan untuk menyesuaikan konten.

    Misalnya, Anda mungkin ingin mengonfigurasi visibilitas widget.

  9. Untuk menerapkan perubahan pada dasbor, di toolbar, klik Terapkan. Untuk menghapus perubahan, klik Batal.

  10. Untuk menyimpan dasbor yang telah diubah, di toolbar, klik Simpan.

Sintaksis Markdown

Bagian ini menjelaskan sebagian besar sintaksis Markdown yang didukung oleh widget teks. Tag HTML tidak didukung.

  • Header

    Baris yang dimulai dengan hash, #, menunjukkan header. Anda dapat menggunakan beberapa tanda hash untuk berbagai tingkat header. Misalnya, untuk header tingkat teratas, gunakan satu hash, # Header. Untuk header tingkat kedua, gunakan dua tanda pagar, ## Second-level header.

  • Paragraf

    Untuk membuat paragraf baru, gunakan baris kosong.

  • Penekanan

    • Miring: Gunakan *italic* atau _italic_.
    • Tebal: Gunakan **bold** atau __bold__.
    • Tebal dan Miring: Gunakan ***bold and italic***.
    • Font tetap: Gunakan tanda kutip terbalik, `fixed font`.

  • Link: Format sebagai [link text](path).

    Anda dapat menggunakan nilai apa pun untuk link text. Nilai untuk path harus mereferensikan penanda HTML di dasbor atau berupa URL ke halaman eksternal.

    • Untuk menautkan ke bagian lain di dasbor. Anchor untuk bagian adalah judul bagian, yang dikonversi menjadi huruf kecil dengan kata-kata yang dipisahkan oleh tanda hubung. Misalnya, untuk menautkan ke bagian dengan judul "Diagram menggunakan variabel", tetapkan path ke #charts-using-variables.

    • Untuk menautkan ke resource eksternal, tetapkan path ke URL. Misalnya, untuk menautkan ke example.com, tetapkan path ke https://example.com/.

  • Daftar: Anda dapat membuat daftar berurutan atau tidak berurutan, dan Anda dapat menyusun daftar bertingkat.

    • Untuk daftar berurutan, beri setiap item daftar dengan awalan 1.. Saat teks dirender, elemen diberi nomor secara berurutan. Contoh:

      1. Ordered list item 1
1. Ordered list item 2

    • Untuk daftar yang tidak berurutan, awali setiap item daftar dengan tanda plus (+), tanda hubung (-), atau tanda bintang (*). Contoh:

      + Unordered list item 1
+ Unordered list item 2

    • Untuk menyusun daftar bertingkat, indentasi daftar bertingkat. Contoh:

      1.  Item 1
    + Nested unordered-list item 1
    + Nested unordered-list item 2
1.  Item 2
    1. Nested ordered-list item 1
    1. Nested ordered-list item 2

  • Variabel: Format sebagai ${VARIABLE_NAME}.

    Widget teks hanya merender nilai atau nilai variabel. Misalnya, jika Anda memiliki variabel berbasis label dengan kunci zone dan nilai us-west1, widget teks akan menampilkan us-west1.

    Jika nilai variabel adalah karakter pengganti (*), widget teks akan menampilkan all.

    Variabel yang tidak dikenali ditampilkan seperti yang ditulis dan tidak dirender.

  • Meng-escape karakter

    Beberapa karakter, seperti tanda plus (+), dikonversi menjadi elemen daftar. Jika Anda ingin menampilkan jenis karakter ini secara harfiah, gunakan garis miring terbalik untuk meng-escape karakter, \+.

Mengatur widget dasbor

Dasbor kustom memungkinkan Anda menentukan posisi diagram, kebijakan pemberitahuan, dan widget lainnya. Namun, Anda dapat meningkatkan kegunaan dasbor yang memiliki banyak widget dengan membuat bagian di dasbor atau dengan mengelompokkan widget:

  • Untuk membuat bagian yang diindeks di dasbor, gunakan widget header bagian. Saat Anda menambahkan widget ini ke dasbor, daftar isi akan dibuat dan pemisah horizontal ditambahkan ke dasbor. Daftar isi memungkinkan Anda membuka bagian tertentu dari dasbor. Setiap widget bagian berisi anchor. Saat memecahkan masalah, Anda mungkin ingin membagikan URL bagian kepada rekan tim. Untuk menyalin URL bagian, klik kanan Link ke judul, lalu pilih Salin alamat link.

  • Untuk mengurangi waktu pemuatan dasbor, gunakan widget grup. Ada tiga jenis widget grup, yaitu widget yang dapat diciutkan, drop-down, dan tab. Widget grup berisi kumpulan widget, dan meningkatkan performa dengan menggunakan data prioritas yang lebih rendah untuk diambil bagi anggota kumpulan yang tidak ditampilkan. Widget grup yang dapat diciutkan menampilkan setiap anggota koleksi saat diluaskan, atau semua anggota disembunyikan. Sebaliknya, widget grup drop-down dan grup tab hanya menampilkan satu anggota koleksi. Perbedaan antara widget ini adalah apakah Anda memilih anggota yang akan ditampilkan menggunakan menu atau tab.

Untuk menggunakan widget yang dijelaskan di bagian ini, dasbor kustom Anda harus menggunakan mode mosaik, yang merupakan tata letak default. Jika Anda mengubah tata letak menjadi petak, widget ini tidak akan tersedia.

Untuk sebagian besar widget, Anda dapat mengonfigurasi visibilitasnya. Namun, widget organisasi selalu terlihat.

Bagian selanjutnya dalam bagian ini menjelaskan cara menambahkan dan mengonfigurasi widget yang dapat Anda gunakan untuk mengatur dasbor. Untuk mengetahui informasi tentang cara mengubah widget ini, lihat Mengubah konfigurasi widget.

Menambahkan widget header bagian

Untuk mengetahui informasi tentang cara menggunakan Cloud Monitoring API untuk membuat widget header bagian, lihat Dasbor dengan widget SectionHeader.

Untuk menambahkan widget header bagian menggunakan konsol Google Cloud , lakukan hal berikut:

  1. Di konsol Google Cloud , buka halaman  Dasbor:

    Buka Dasbor

    Jika Anda menggunakan kotak penelusuran untuk menemukan halaman ini, pilih hasil yang subjudulnya adalah Monitoring.

  2. Di toolbar konsol Google Cloud , pilih Google Cloud project Anda. Untuk konfigurasi App Hub, pilih project host App Hub atau project pengelolaan folder yang mendukung aplikasi.
  3. Dalam dialog Tambahkan widget, buka bagian Tata letak, lalu pilih widget Header bagian.

  4. Di widget, klik Edit bagian, lalu selesaikan dialog:

    • Nilai kolom Nama bagian ditampilkan dalam daftar isi.
    • Nilai untuk kolom Subheading ditampilkan di dasbor.
    • Jika Anda memilih *Tambahkan pemisah ke Daftar Isi, maka garis horizontal akan ditambahkan setelah entri dalam daftar isi.

Menambahkan widget grup yang dapat diciutkan

Untuk mengetahui informasi tentang cara menggunakan Cloud Monitoring API untuk membuat widget grup yang dapat diciutkan, lihat Dasbor dengan widget CollapsibleGroup.

Untuk menambahkan widget grup yang dapat diciutkan menggunakan konsol Google Cloud , lakukan hal berikut:

  1. Di konsol Google Cloud , buka halaman  Dasbor:

    Buka Dasbor

    Jika Anda menggunakan kotak penelusuran untuk menemukan halaman ini, pilih hasil yang subjudulnya adalah Monitoring.

  2. Di toolbar konsol Google Cloud , pilih Google Cloud project Anda. Untuk konfigurasi App Hub, pilih project host App Hub atau project pengelolaan folder yang mendukung aplikasi.
  3. Dalam dialog Tambahkan widget, buka bagian Tata letak, lalu pilih Grup yang Dapat Ciut.

  4. Untuk menambahkan widget ke grup, tarik widget ke grup.

    Setelah menambahkan widget ke grup, Anda dapat menggunakan pointer untuk mengubah ukuran dan memosisikan ulang widget tersebut.

  5. Untuk menambahkan judul deskriptif ke grup, arahkan kursor ke widget untuk mengaktifkan toolbar, lalu klik Edit grup.

  6. Opsional: Untuk memaksa grup diciutkan secara default, arahkan kursor ke widget untuk mengaktifkan toolbar, lalu klik Ciutkan grup.

    Saat widget grup yang dapat diciutkan diciutkan, Monitoring mengambil data untuk widget dalam grup dengan prioritas yang lebih rendah daripada widget lainnya. Hasilnya, dasbor Anda dimuat lebih cepat.

Menambahkan widget grup drop-down atau grup tab

Widget grup drop-down dan grup tab berisi kumpulan widget lain, tetapi hanya menampilkan satu anggota kumpulan. Perbedaan antara widget ini adalah cara Anda memilih anggota koleksi yang ditampilkan. Grup drop-down menyediakan menu, sedangkan grup tab menyediakan tab di toolbar.

Untuk mengetahui informasi tentang cara menggunakan Cloud Monitoring API untuk membuat widget ini, lihat Dasbor dengan widget SingleViewGroup.

Untuk menambahkan widget ini ke dasbor, lakukan tindakan berikut:

  1. Di konsol Google Cloud , buka halaman  Dasbor:

    Buka Dasbor

    Jika Anda menggunakan kotak penelusuran untuk menemukan halaman ini, pilih hasil yang subjudulnya adalah Monitoring.

  2. Di toolbar konsol Google Cloud , pilih Google Cloud project Anda. Untuk konfigurasi App Hub, pilih project host App Hub atau project pengelolaan folder yang mendukung aplikasi.
  3. Jika perlu, buat widget yang ingin Anda tambahkan ke widget grup.

  4. Di dialog Tambahkan widget, buka bagian Tata letak, lalu pilih Grup dropdown atau Grup tab.

    Widget jenis yang dipilih ditambahkan ke dasbor Anda.

  5. Untuk menambahkan widget seperti diagram garis ke widget grup, tarik widget tersebut ke widget grup atau edit widget grup dan lakukan operasi penambahan.

    Misalnya, untuk menambahkan widget ke widget grup tab dengan mengedit grup, lakukan hal berikut:

    1. Di toolbar widget, pilih Edit grup tab, lalu pilih Edit grup.
    2. Opsional: Masukkan judul untuk grup.

    3. Klik Tambahkan widget, lalu pilih dari menu Tambahkan widget.

      Menu Tambahkan widget mencantumkan widget yang dapat ditambahkan ke grup.

    4. Ulangi langkah sebelumnya untuk setiap widget yang ingin Anda tambahkan ke widget grup tab.

    5. Gunakan tombol Lebih rendah dan Lebih tinggi untuk mengurutkan widget dalam widget grup.

    6. Klik Terapkan.

    Dasbor dimuat ulang dan hanya satu widget yang ditambahkan ke widget grup yang terlihat. Toolbar untuk widget yang ditampilkan memungkinkan Anda mengedit widget yang ditampilkan atau melakukan tindakan lain.

  6. Untuk menyimpan dasbor yang telah diubah, di toolbar, klik Simpan.

Langkah berikutnya

Anda juga dapat menambahkan widget berikut ke dasbor kustom:

Untuk mengetahui informasi tentang cara menjelajahi data dalam diagram dan memfilter dasbor, lihat dokumen berikut: