mirror of
https://github.com/VictoriaMetrics/VictoriaMetrics.git
synced 2024-11-21 14:44:00 +00:00
app/vmselect/vmui: make vmui-update after 00a0816ab1
This commit is contained in:
Aliaksandr Valialkin
parent
aebc441251
commit
cf7d8811f6
6 changed files with 10 additions and 122 deletions
|
|
@ -1,14 +1,14 @@
|
|||
{
|
||||
"files": {
|
||||
"main.css": "./static/css/main.5c28f4a7.css",
|
||||
"main.js": "./static/js/main.6eed9ce1.js",
|
||||
"main.css": "./static/css/main.8d8c45cf.css",
|
||||
"main.js": "./static/js/main.d5e360af.js",
|
||||
"static/js/27.c1ccfd29.chunk.js": "./static/js/27.c1ccfd29.chunk.js",
|
||||
"static/media/Lato-Regular.ttf": "./static/media/Lato-Regular.d714fec1633b69a9c2e9.ttf",
|
||||
"static/media/Lato-Bold.ttf": "./static/media/Lato-Bold.32360ba4b57802daa4d6.ttf",
|
||||
"index.html": "./index.html"
|
||||
},
|
||||
"entrypoints": [
|
||||
"static/css/main.5c28f4a7.css",
|
||||
"static/js/main.6eed9ce1.js"
|
||||
"static/css/main.8d8c45cf.css",
|
||||
"static/js/main.d5e360af.js"
|
||||
]
|
||||
}
|
||||
|
|
@ -1,115 +1,3 @@
|
|||
### Setup
|
||||
1. Create `.json` config file in a folder `dashboards`
|
||||
2. Import your config file into the `dashboards/index.js`
|
||||
3. Add filename into the array `window.__VMUI_PREDEFINED_DASHBOARDS__`
|
||||
## Predefined dashboards
|
||||
|
||||
It is possible to define path to the predefined dashboards by setting `--vmui.customDashboardsPath`.
|
||||
|
||||
1. Single Version
|
||||
If you use single version of the VictoriaMetrics this flag should be provided for you execution file.
|
||||
```
|
||||
./victoria-metrics --vmui.customDashboardsPath=/path/to/your/dashboards
|
||||
```
|
||||
|
||||
2. Cluster Version
|
||||
If you use cluster version this flag should be defined for each `vmselect` component.
|
||||
```
|
||||
./vmselect -storageNode=:8418 --vmui.customDashboardsPath=/path/to/your/dashboards
|
||||
```
|
||||
At that moment all predefined dashboards files show be near each `vmselect`. For example
|
||||
if you have 3 `vmselect` instances you should create 3 copy of your predefined dashboards.
|
||||
|
||||
|
||||
|
||||
### Configuration options
|
||||
|
||||
<br/>
|
||||
DashboardSettings:
|
||||
|
||||
| Name | Type | Description |
|
||||
|:----------|:----------------:|---------------------------:|
|
||||
| rows* | `DashboardRow[]` | Sections containing panels |
|
||||
| title | `string` | Dashboard title |
|
||||
|
||||
<br/>
|
||||
DashboardRow:
|
||||
|
||||
| Name | Type | Description |
|
||||
|:-----------|:-----------------:|---------------------------:|
|
||||
| panels* | `PanelSettings[]` | List of panels (charts) |
|
||||
| title | `string` | Row title |
|
||||
|
||||
<br/>
|
||||
PanelSettings:
|
||||
|
||||
| Name | Type | Description |
|
||||
|:------------|:----------:|--------------------------------------------------------------------------------------:|
|
||||
| expr* | `string[]` | Data source queries |
|
||||
| alias | `string[]` | Expression alias. Matched by index in array |
|
||||
| title | `string` | Panel title |
|
||||
| description | `string` | Additional information about the panel |
|
||||
| unit | `string` | Y-axis unit |
|
||||
| showLegend | `boolean` | If `false`, the legend hide. Default value - `true` |
|
||||
| width | `number` | The number of columns the panel uses.<br/> From 1 (minimum width) to 12 (full width). |
|
||||
|
||||
---
|
||||
|
||||
### Example json
|
||||
|
||||
```json
|
||||
{
|
||||
"title": "Example",
|
||||
"rows": [
|
||||
{
|
||||
"title": "Per-job resource usage",
|
||||
"panels": [
|
||||
{
|
||||
"title": "Per-job CPU usage",
|
||||
"width": 6,
|
||||
"expr": [
|
||||
"sum(rate(process_cpu_seconds_total)) by (job)"
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Per-job RSS usage",
|
||||
"width": 6,
|
||||
"expr": [
|
||||
"sum(process_resident_memory_bytes) by (job)"
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Per-job disk read",
|
||||
"width": 6,
|
||||
"expr": [
|
||||
"sum(rate(process_io_storage_read_bytes_total)) by (job)"
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Per-job disk write",
|
||||
"width": 6,
|
||||
"expr": [
|
||||
"sum(rate(process_io_storage_written_bytes_total)) by (job)"
|
||||
]
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Free/used disk space",
|
||||
"panels": [
|
||||
{
|
||||
"unit": "MB",
|
||||
"expr": [
|
||||
"sum(vm_data_size_bytes{type!=\"indexdb\"}) / 1024 / 1024",
|
||||
"vm_free_disk_space_bytes / 1024 / 1024"
|
||||
],
|
||||
"alias": [
|
||||
"usage space",
|
||||
"free space"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
```
|
||||
See [this docs](https://github.com/VictoriaMetrics/VictoriaMetrics/tree/master/app/vmui#predefined-dashboards)
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/><meta name="theme-color" content="#000000"/><meta name="description" content="UI for VictoriaMetrics"/><link rel="apple-touch-icon" href="./apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png"><link rel="manifest" href="./manifest.json"/><title>VM UI</title><script src="./dashboards/index.js" type="module"></script><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="./preview.jpg"><meta name="twitter:title" content="UI for VictoriaMetrics"><meta name="twitter:description" content="Explore and troubleshoot your VictoriaMetrics data"><meta name="twitter:site" content="@VictoriaMetrics"><meta property="og:title" content="Metric explorer for VictoriaMetrics"><meta property="og:description" content="Explore and troubleshoot your VictoriaMetrics data"><meta property="og:image" content="./preview.jpg"><meta property="og:type" content="website"><script defer="defer" src="./static/js/main.6eed9ce1.js"></script><link href="./static/css/main.5c28f4a7.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
|
||||
<!doctype html><html lang="en"><head><meta charset="utf-8"/><link rel="icon" href="./favicon.ico"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/><meta name="theme-color" content="#000000"/><meta name="description" content="UI for VictoriaMetrics"/><link rel="apple-touch-icon" href="./apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="./favicon-32x32.png"><link rel="manifest" href="./manifest.json"/><title>VM UI</title><script src="./dashboards/index.js" type="module"></script><meta name="twitter:card" content="summary_large_image"><meta name="twitter:image" content="./preview.jpg"><meta name="twitter:title" content="UI for VictoriaMetrics"><meta name="twitter:description" content="Explore and troubleshoot your VictoriaMetrics data"><meta name="twitter:site" content="@VictoriaMetrics"><meta property="og:title" content="Metric explorer for VictoriaMetrics"><meta property="og:description" content="Explore and troubleshoot your VictoriaMetrics data"><meta property="og:image" content="./preview.jpg"><meta property="og:type" content="website"><script defer="defer" src="./static/js/main.d5e360af.js"></script><link href="./static/css/main.8d8c45cf.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div></body></html>
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Loading…
Reference in a new issue