dashboards: add Network Usage panel to Resource Usage row

https://github.com/VictoriaMetrics/VictoriaMetrics/issues/4478
Signed-off-by: hagen1778 <roman@victoriametrics.com>
This commit is contained in:
hagen1778 2024-04-29 11:54:17 +02:00
parent 564463259a
commit 8606b48ce5
No known key found for this signature in database
GPG key ID: 3BF75F3741CA9640
3 changed files with 321 additions and 64 deletions

View file

@ -1597,7 +1597,7 @@
"h": 8,
"w": 12,
"x": 0,
"y": 15
"y": 31
},
"id": 112,
"links": [],
@ -1706,7 +1706,7 @@
"h": 8,
"w": 12,
"x": 12,
"y": 15
"y": 31
},
"id": 44,
"links": [],
@ -1875,7 +1875,7 @@
"h": 8,
"w": 12,
"x": 0,
"y": 23
"y": 39
},
"id": 123,
"links": [],
@ -1983,7 +1983,7 @@
"h": 8,
"w": 12,
"x": 12,
"y": 23
"y": 39
},
"id": 114,
"links": [],
@ -2111,7 +2111,7 @@
"h": 8,
"w": 12,
"x": 0,
"y": 31
"y": 47
},
"id": 75,
"links": [],
@ -2238,7 +2238,7 @@
"h": 8,
"w": 12,
"x": 12,
"y": 31
"y": 47
},
"id": 57,
"links": [],
@ -2364,7 +2364,7 @@
"h": 8,
"w": 12,
"x": 0,
"y": 39
"y": 55
},
"id": 47,
"links": [],
@ -2485,7 +2485,7 @@
"h": 8,
"w": 12,
"x": 12,
"y": 39
"y": 55
},
"id": 76,
"links": [],
@ -2611,7 +2611,7 @@
"h": 8,
"w": 12,
"x": 0,
"y": 47
"y": 63
},
"id": 48,
"links": [],
@ -2732,7 +2732,7 @@
"h": 8,
"w": 12,
"x": 12,
"y": 47
"y": 63
},
"id": 124,
"links": [],
@ -2858,7 +2858,7 @@
"h": 8,
"w": 12,
"x": 0,
"y": 55
"y": 71
},
"id": 49,
"links": [],
@ -2968,7 +2968,7 @@
"h": 8,
"w": 12,
"x": 12,
"y": 55
"y": 71
},
"id": 37,
"links": [],
@ -3010,6 +3010,142 @@
"title": "TCP connections",
"type": "timeseries"
},
{
"datasource": {
"type": "prometheus",
"uid": "$ds"
},
"description": "Shows network usage by VM:\n* Writes show traffic sent to clients\n* Reads show traffic received from clients",
"fieldConfig": {
"defaults": {
"color": {
"mode": "palette-classic"
},
"custom": {
"axisBorderShow": false,
"axisCenteredZero": false,
"axisColorMode": "text",
"axisLabel": "",
"axisPlacement": "auto",
"barAlignment": 0,
"drawStyle": "line",
"fillOpacity": 10,
"gradientMode": "none",
"hideFrom": {
"legend": false,
"tooltip": false,
"viz": false
},
"insertNulls": false,
"lineInterpolation": "linear",
"lineWidth": 1,
"pointSize": 5,
"scaleDistribution": {
"type": "linear"
},
"showPoints": "never",
"spanNulls": false,
"stacking": {
"group": "A",
"mode": "none"
},
"thresholdsStyle": {
"mode": "off"
}
},
"links": [],
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
},
"unit": "decbits",
"unitScale": true
},
"overrides": [
{
"matcher": {
"id": "byRegexp",
"options": "/read.*/"
},
"properties": [
{
"id": "custom.transform",
"value": "negative-Y"
}
]
}
]
},
"gridPos": {
"h": 8,
"w": 12,
"x": 0,
"y": 79
},
"id": 127,
"links": [],
"options": {
"legend": {
"calcs": [
"mean",
"lastNotNull",
"max"
],
"displayMode": "table",
"placement": "bottom",
"showLegend": true,
"sortBy": "Last *",
"sortDesc": true
},
"tooltip": {
"mode": "multi",
"sort": "none"
}
},
"pluginVersion": "9.1.0",
"targets": [
{
"datasource": {
"type": "prometheus",
"uid": "$ds"
},
"editorMode": "code",
"expr": "sum(rate(vm_tcplistener_read_bytes_total{job=~\"$job\", instance=~\"$instance\"}[$__rate_interval])) by(name) * 8 > 0",
"format": "time_series",
"hide": false,
"intervalFactor": 1,
"legendFormat": "read via {{name}}",
"range": true,
"refId": "A"
},
{
"datasource": {
"type": "prometheus",
"uid": "$ds"
},
"editorMode": "code",
"expr": "sum(rate(vm_tcplistener_written_bytes_total{job=~\"$job\", instance=~\"$instance\"}[$__rate_interval])) by(name) * 8 > 0",
"format": "time_series",
"hide": false,
"intervalFactor": 1,
"legendFormat": "write via {{name}}",
"range": true,
"refId": "B"
}
],
"title": "Network usage",
"type": "timeseries"
},
{
"datasource": {
"type": "prometheus",
@ -3078,8 +3214,8 @@
"gridPos": {
"h": 8,
"w": 12,
"x": 0,
"y": 63
"x": 12,
"y": 79
},
"id": 125,
"links": [],
@ -3196,8 +3332,7 @@
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
"color": "green"
},
{
"color": "red",
@ -3316,8 +3451,7 @@
"mode": "absolute",
"steps": [
{
"color": "transparent",
"value": null
"color": "transparent"
},
{
"color": "red",
@ -3427,8 +3561,7 @@
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
"color": "green"
},
{
"color": "red",
@ -3536,8 +3669,7 @@
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
"color": "green"
},
{
"color": "red",
@ -3644,8 +3776,7 @@
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
"color": "green"
},
{
"color": "red",
@ -3753,8 +3884,7 @@
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
"color": "green"
},
{
"color": "red",
@ -3838,8 +3968,7 @@
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
"color": "green"
},
{
"color": "red",
@ -3978,8 +4107,7 @@
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
"color": "green"
},
{
"color": "red",
@ -5874,6 +6002,6 @@
"timezone": "",
"title": "VictoriaMetrics - single-node",
"uid": "wNf0q_kZk",
"version": 2,
"version": 1,
"weekStart": ""
}
}

View file

@ -1598,7 +1598,7 @@
"h": 8,
"w": 12,
"x": 0,
"y": 15
"y": 31
},
"id": 112,
"links": [],
@ -1707,7 +1707,7 @@
"h": 8,
"w": 12,
"x": 12,
"y": 15
"y": 31
},
"id": 44,
"links": [],
@ -1876,7 +1876,7 @@
"h": 8,
"w": 12,
"x": 0,
"y": 23
"y": 39
},
"id": 123,
"links": [],
@ -1984,7 +1984,7 @@
"h": 8,
"w": 12,
"x": 12,
"y": 23
"y": 39
},
"id": 114,
"links": [],
@ -2112,7 +2112,7 @@
"h": 8,
"w": 12,
"x": 0,
"y": 31
"y": 47
},
"id": 75,
"links": [],
@ -2239,7 +2239,7 @@
"h": 8,
"w": 12,
"x": 12,
"y": 31
"y": 47
},
"id": 57,
"links": [],
@ -2365,7 +2365,7 @@
"h": 8,
"w": 12,
"x": 0,
"y": 39
"y": 55
},
"id": 47,
"links": [],
@ -2486,7 +2486,7 @@
"h": 8,
"w": 12,
"x": 12,
"y": 39
"y": 55
},
"id": 76,
"links": [],
@ -2612,7 +2612,7 @@
"h": 8,
"w": 12,
"x": 0,
"y": 47
"y": 63
},
"id": 48,
"links": [],
@ -2733,7 +2733,7 @@
"h": 8,
"w": 12,
"x": 12,
"y": 47
"y": 63
},
"id": 124,
"links": [],
@ -2859,7 +2859,7 @@
"h": 8,
"w": 12,
"x": 0,
"y": 55
"y": 71
},
"id": 49,
"links": [],
@ -2969,7 +2969,7 @@
"h": 8,
"w": 12,
"x": 12,
"y": 55
"y": 71
},
"id": 37,
"links": [],
@ -3011,6 +3011,142 @@
"title": "TCP connections",
"type": "timeseries"
},
{
"datasource": {
"type": "victoriametrics-datasource",
"uid": "$ds"
},
"description": "Shows network usage by VM:\n* Writes show traffic sent to clients\n* Reads show traffic received from clients",
"fieldConfig": {
"defaults": {
"color": {
"mode": "palette-classic"
},
"custom": {
"axisBorderShow": false,
"axisCenteredZero": false,
"axisColorMode": "text",
"axisLabel": "",
"axisPlacement": "auto",
"barAlignment": 0,
"drawStyle": "line",
"fillOpacity": 10,
"gradientMode": "none",
"hideFrom": {
"legend": false,
"tooltip": false,
"viz": false
},
"insertNulls": false,
"lineInterpolation": "linear",
"lineWidth": 1,
"pointSize": 5,
"scaleDistribution": {
"type": "linear"
},
"showPoints": "never",
"spanNulls": false,
"stacking": {
"group": "A",
"mode": "none"
},
"thresholdsStyle": {
"mode": "off"
}
},
"links": [],
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
},
"unit": "decbits",
"unitScale": true
},
"overrides": [
{
"matcher": {
"id": "byRegexp",
"options": "/read.*/"
},
"properties": [
{
"id": "custom.transform",
"value": "negative-Y"
}
]
}
]
},
"gridPos": {
"h": 8,
"w": 12,
"x": 0,
"y": 79
},
"id": 127,
"links": [],
"options": {
"legend": {
"calcs": [
"mean",
"lastNotNull",
"max"
],
"displayMode": "table",
"placement": "bottom",
"showLegend": true,
"sortBy": "Last *",
"sortDesc": true
},
"tooltip": {
"mode": "multi",
"sort": "none"
}
},
"pluginVersion": "9.1.0",
"targets": [
{
"datasource": {
"type": "victoriametrics-datasource",
"uid": "$ds"
},
"editorMode": "code",
"expr": "sum(rate(vm_tcplistener_read_bytes_total{job=~\"$job\", instance=~\"$instance\"}[$__rate_interval])) by(name) * 8 > 0",
"format": "time_series",
"hide": false,
"intervalFactor": 1,
"legendFormat": "read via {{name}}",
"range": true,
"refId": "A"
},
{
"datasource": {
"type": "victoriametrics-datasource",
"uid": "$ds"
},
"editorMode": "code",
"expr": "sum(rate(vm_tcplistener_written_bytes_total{job=~\"$job\", instance=~\"$instance\"}[$__rate_interval])) by(name) * 8 > 0",
"format": "time_series",
"hide": false,
"intervalFactor": 1,
"legendFormat": "write via {{name}}",
"range": true,
"refId": "B"
}
],
"title": "Network usage",
"type": "timeseries"
},
{
"datasource": {
"type": "victoriametrics-datasource",
@ -3079,8 +3215,8 @@
"gridPos": {
"h": 8,
"w": 12,
"x": 0,
"y": 63
"x": 12,
"y": 79
},
"id": 125,
"links": [],
@ -3197,8 +3333,7 @@
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
"color": "green"
},
{
"color": "red",
@ -3317,8 +3452,7 @@
"mode": "absolute",
"steps": [
{
"color": "transparent",
"value": null
"color": "transparent"
},
{
"color": "red",
@ -3428,8 +3562,7 @@
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
"color": "green"
},
{
"color": "red",
@ -3537,8 +3670,7 @@
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
"color": "green"
},
{
"color": "red",
@ -3645,8 +3777,7 @@
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
"color": "green"
},
{
"color": "red",
@ -3754,8 +3885,7 @@
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
"color": "green"
},
{
"color": "red",
@ -3839,8 +3969,7 @@
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
"color": "green"
},
{
"color": "red",
@ -3979,8 +4108,7 @@
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
"color": "green"
},
{
"color": "red",
@ -5875,6 +6003,6 @@
"timezone": "",
"title": "VictoriaMetrics - single-node (VM)",
"uid": "wNf0q_kZk_vm",
"version": 2,
"version": 1,
"weekStart": ""
}
}

View file

@ -32,6 +32,7 @@ See also [LTS releases](https://docs.victoriametrics.com/lts-releases/).
* FEATURE: [dashboards/single](https://grafana.com/grafana/dashboards/10229): support selecting of multiple instances on the dashboard. See [this issue](https://github.com/VictoriaMetrics/VictoriaMetrics/issues/5869) for details.
* FEATURE: [dashboards/single](https://grafana.com/grafana/dashboards/10229): properly display version in the Stats row for the custom builds of VictoriaMetrics.
* FEATURE: [dashboards/single](https://grafana.com/grafana/dashboards/10229): add `Network Usage` panel to `Resource Usage` row.
## [v1.101.0](https://github.com/VictoriaMetrics/VictoriaMetrics/releases/tag/v1.101.0)