Menambahkan teks dan pengelompokan ke dasbor

Widget teks, header bagian, dan grup di dasbor kustom di Cloud Monitoring memungkinkan Anda mendokumentasikan langkah-langkah pemecahan masalah dan mengatur banyak koleksi diagram. Anda dapat menggunakan widget teks Markdown untuk menampilkan link dan panduan operasional, serta header bagian untuk membuat daftar isi yang dapat dijelajahi. Untuk mengurangi kekacauan visual dan meningkatkan waktu pemuatan dasbor, Anda dapat mengelompokkan widget ke dalam grup yang dapat diciutkan, drop-down, atau grup tab.

Dokumen ini menjelaskan cara menambahkan widget ini menggunakan konsolGoogle Cloud . Untuk mengetahui informasi tentang cara menggunakan Cloud Monitoring API, lihat Membuat dan mengelola dasbor dengan API.

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 konsol Google Cloud . 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  Dashboards:

    Buka Dashboards

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

  2. Di toolbar konsol Google Cloud , pilih project Google Cloud Anda. Untuk konfigurasi App Hub, pilih project host atau project pengelolaan App Hub.
  3. Pilih dasbor atau klik Create dashboard.
  4. Di toolbar, klik  Tambahkan widget.
  5. Dalam dialog Add widget, buka bagian Layout, lalu pilih Text.
  6. Tambahkan judul.

  7. Di panel Content, masukkan teks yang ingin ditampilkan.

    Untuk informasi pemformatan, lihat Sintaksis Markdown.

  8. Opsional: Gunakan kolom di panel Display untuk menyesuaikan konten Anda.

    Misalnya, Anda mungkin ingin mengonfigurasi visibilitas widget.

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

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

Sintaksis Markdown

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

  • Header

    Baris yang diawali dengan tanda pagar, #, menunjukkan header. Anda dapat menggunakan beberapa tanda pagar untuk berbagai tingkat header. Misalnya, untuk header tingkat atas, gunakan satu tanda pagar, # 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 tunggal terbalik, `fixed font`.

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

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

    • Untuk menautkan ke bagian lain di dasbor, tetapkan path ke anchor bagian. Anchor untuk suatu 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 yang diurutkan atau daftar yang tidak diurutkan, dan Anda dapat membuat daftar bertingkat.

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

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

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

      + Unordered list item 1
+ Unordered list item 2

    • Untuk membuat daftar bertingkat, buat indentasi pada 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 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 akan ditampilkan seperti yang tertulis dan tidak dirender.

  • Karakter escape

    Beberapa karakter, seperti tanda plus (+), dikonversi menjadi elemen daftar. Jika Anda ingin menampilkan jenis karakter ini secara literal, 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 pembagi horizontal akan ditambahkan ke dasbor. Daftar isi memungkinkan Anda membuka bagian tertentu di dasbor. Setiap widget bagian berisi anchor. Saat memecahkan masalah, Anda mungkin ingin membagikan URL bagian kepada rekan satu tim. Untuk menyalin URL bagian, klik kanan Link to heading, lalu pilih Copy link address.

  • Untuk mengurangi waktu pemuatan dasbor, gunakan widget grup. Ada tiga jenis widget grup: yang dapat diciutkan, drop-down, dan tab. Widget grup berisi kumpulan widget, dan meningkatkan performa dengan mengambil data pada prioritas yang lebih rendah untuk anggota koleksi yang tidak ditampilkan. Widget grup yang dapat diciutkan menampilkan setiap anggota koleksi saat diperluas; jika tidak, semua anggota akan 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 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  Dashboards:

    Buka Dashboards

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

  2. Di toolbar konsol Google Cloud , pilih project Google Cloud Anda. Untuk konfigurasi App Hub, pilih project host atau project pengelolaan App Hub.
  3. Dalam dialog Add widget, buka bagian Layout, lalu pilih widget Section header.

  4. Di widget, klik Edit section, dan lengkapi dialog:

    • Nilai kolom Nama bagian ditampilkan dalam daftar isi.
    • Nilai untuk kolom Subheading ditampilkan di dasbor.
    • Jika Anda memilih Tambahkan pemisah ke Daftar Isi, 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  Dashboards:

    Buka Dashboards

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

  2. Di toolbar konsol Google Cloud , pilih project Google Cloud Anda. Untuk konfigurasi App Hub, pilih project host atau project pengelolaan App Hub.
  3. Dalam dialog Add widget, buka bagian Layout, lalu pilih Collapsible Group.

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

    Setelah menambahkan widget ke grup, Anda dapat menggunakan kursor 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 akan 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  Dashboards:

    Buka Dashboards

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

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

  4. Dalam dialog Add widget, buka bagian Layout, lalu pilih Dropdown group atau Tab group.

    Widget dari jenis yang dipilih akan 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 Add widget, lalu buat pilihan dari menu Add widget.

      Menu Add 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 Lower dan Higher untuk mengurutkan widget di widget grup.

    6. Klik Terapkan.

    Dasbor akan 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, klik Save di toolbar.

Langkah berikutnya

Anda juga dapat menambahkan widget ke dasbor kustom yang menampilkan hal berikut:

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