

Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

# Dasbor model JSON
<a name="v10-dash-dashboard-json-model"></a>

****  
**Topik dokumentasi ini dirancang untuk ruang kerja Grafana yang mendukung Grafana versi 10.x.**  
Untuk ruang kerja Grafana yang mendukung Grafana versi 12.x, lihat. [Bekerja di Grafana versi 12](using-grafana-v12.md)  
Untuk ruang kerja Grafana yang mendukung Grafana versi 9.x, lihat. [Bekerja di Grafana versi 9](using-grafana-v9.md)  
Untuk ruang kerja Grafana yang mendukung Grafana versi 8.x, lihat. [Bekerja di Grafana versi 8](using-grafana-v8.md)

Dasbor di Grafana diwakili oleh objek JSON, yang menyimpan metadata dasbornya. Metadata dasbor mencakup properti dasbor, metadata dari panel, variabel template, dan kueri panel.

**Untuk melihat JSON dasbor**

1. Arahkan ke dasbor.

1. Di menu navigasi atas, pilih ikon **Pengaturan dasbor** (roda gigi).

1. Pilih **Model JSON**.

## Bidang JSON
<a name="v10-dash-json-fields"></a>

Saat pengguna membuat dasbor baru, objek JSON dasbor baru diinisialisasi dengan bidang berikut.

**catatan**  
Dalam JSON berikut, id ditampilkan sebagai null, yang merupakan nilai default yang ditetapkan untuk itu sampai dashboard disimpan. Setelah dasbor disimpan, nilai integer ditetapkan ke `id` bidang.

```
{
  "id": null,
  "uid": "cLV5GDCkz",
  "title": "New dashboard",
  "tags": [],
  "timezone": "browser",
  "editable": true,
  "graphTooltip": 1,
  "panels": [],
  "time": {
    "from": "now-6h",
    "to": "now"
  },
  "timepicker": {
    "time_options": [],
    "refresh_intervals": []
  },
  "templating": {
    "list": []
  },
  "annotations": {
    "list": []
  },
  "refresh": "5s",
  "schemaVersion": 17,
  "version": 0,
  "links": []
}
```

Berikut ini menjelaskan setiap bidang di dashboard JSON.


| Nama | Penggunaan | 
| --- | --- | 
| `id` | pengidentifikasi numerik unik untuk dasbor (dihasilkan oleh db) | 
| `uid` | pengidentifikasi dasbor unik yang dapat dihasilkan oleh siapa saja. string (8-40) | 
| `title` | judul dashboard saat ini | 
| `tags` | tag yang terkait dengan dasbor, array string | 
| `style` | tema dasbor, seperti `dark` atau `light` | 
| `timezone` | zona waktu dasbor, seperti `utc` atau `browser` | 
| `editable` | apakah dasbor dapat diedit atau tidak | 
| `graphTooltip` | 0 tanpa crosshair bersama atau tooltip (default), 1 untuk crosshair bersama, 2 untuk crosshair bersama dan tooltip bersama | 
| `time` | rentang waktu untuk dasbor, seperti `last 6 hours` atau `last 7 days` | 
| `timepicker` | [metadata timepicker, lihat bagian timepicker untuk detailnya](#v10-dash-json-panels) | 
| `templating` | template metadata, lihat bagian [templating](#v10-dash-json-panels) untuk detailnya | 
| `annotations` | metadata anotasi, lihat [anotasi](v10-dash-annotations.md) untuk cara menambahkannya | 
| `refresh` | interval penyegaran otomatis | 
| `schemaVersion` | versi skema JSON (integer), bertambah setiap kali pembaruan Grafana membawa perubahan pada skema ini | 
| `version` | versi dasbor (integer), bertambah setiap kali dasbor diperbarui | 
| `panels` | panel array (lihat bagian selanjutnya untuk detail) | 

## Panel
<a name="v10-dash-json-panels"></a>

Panel adalah blok bangunan dasbor. Ini terdiri dari kueri sumber data, jenis grafik, alias, dan banyak lagi. Panel JSON terdiri dari array objek JSON, masing-masing mewakili panel yang berbeda. Sebagian besar bidang umum untuk semua panel tetapi beberapa bidang tergantung pada jenis panel. Berikut ini adalah contoh panel JSON dari panel teks.

```
"panels": [
  {
    "type": "text",
    "title": "Panel Title",
    "gridPos": {
      "x": 0,
      "y": 0,
      "w": 12,
      "h": 9
    },
    "id": 4,
    "mode": "markdown",
    "content": "# title"
  }
```

**Ukuran dan posisi panel**

Properti GridPOS menjelaskan ukuran panel dan posisi dalam koordinat grid.
+ `w`- 1 hingga 24 (lebar dasbor dibagi menjadi 24 kolom)
+ `h`— Dalam satuan tinggi grid, masing-masing mewakili 30 piksel.
+ `x`— Posisi x, dalam satuan yang sama dengan`w`.
+ `y`— Posisi y, dalam satuan yang sama dengan`h`.

Grid memiliki gravitasi negatif yang bergerak ke atas panel jika ada ruang kosong di atas panel.

**Timepicker**

```
"timepicker": {
    "collapse": false,
    "enable": true,
    "notice": false,
    "now": true,
    "refresh_intervals": [
      "5s",
      "10s",
      "30s",
      "1m",
      "5m",
      "15m",
      "30m",
      "1h",
      "2h",
      "1d"
    ],
    "status": "Stable",
    "type": "timepicker"
  }
```

**Templating**

`templating`Bidang berisi array variabel template dengan nilai yang disimpan bersama dengan beberapa metadata lainnya.

```
"templating": {
    "enable": true,
    "list": [
       {
        "allFormat": "wildcard",
        "current":  {
          "tags": [],
          "text": "prod",
          "value": "prod"
        },
        "datasource": null,
        "includeAll": true,
        "name": "env",
        "options": [
           {
            "selected": false,
            "text": "All",
            "value": "*"
          },
           {
            "selected": false,
            "text": "stage",
            "value": "stage"
          },
           {
            "selected": false,
            "text": "test",
            "value": "test"
          }
        ],
        "query": "tag_values(cpu.utilization.average,env)",
        "refresh": false,
        "type": "query"
      },
       {
        "allFormat": "wildcard",
        "current":  {
          "text": "apache",
          "value": "apache"
        },
        "datasource": null,
        "includeAll": false,
        "multi": false,
        "multiFormat": "glob",
        "name": "app",
        "options": [
           {
            "selected": true,
            "text": "tomcat",
            "value": "tomcat"
          },
           {
            "selected": false,
            "text": "cassandra",
            "value": "cassandra"
          }
        ],
        "query": "tag_values(cpu.utilization.average,app)",
        "refresh": false,
        "regex": "",
        "type": "query"
      }
    ]
  }
```

Tabel berikut menjelaskan penggunaan bidang templating.


| Nama | Penggunaan | 
| --- | --- | 
| `enable` | apakah templating diaktifkan atau tidak | 
| `list` | array objek masing-masing mewakili satu variabel template | 
| `allFormat` | format yang akan digunakan saat mengambil semua nilai dari sumber data, termasuk`wildcard`,, `glob``regex`,`pipe`. | 
| `current` | menunjukkan variabel yang dipilih saat ini text/value di dasbor | 
| `datasource` | menunjukkan sumber data untuk variabel | 
| `includeAll` | apakah semua opsi nilai tersedia atau tidak | 
| `multi` | apakah beberapa nilai dapat dipilih atau tidak dari daftar nilai variabel | 
| `multiFormat` | format yang akan digunakan saat mengambil timeseries dari sumber data | 
| `name` | nama variabel | 
| `options` | array text/value pasangan variabel tersedia untuk seleksi di dasbor | 
| `query` | kueri sumber data yang digunakan untuk mengambil nilai untuk variabel | 
| `refresh` | mengonfigurasi kapan harus menyegarkan variabel | 
| `regex` | mengekstrak bagian dari nama seri atau segmen simpul metrik | 
| `type` | jenis variabel,`custom`,`query`, atau `interval` | 