| title | description | meta_tags | namespace | permalink |
|---|---|---|---|---|
Data Transferred dashboard on Grafana JSON example |
You can use the JSON example to create a dashboard on Grafana with the Data Transferred metrics from Real-Time Metrics. |
graphql, grafana, data, observability, application |
docs_grafana_data_transferred_dash_json |
/documentation/products/real-time-metrics/data-transferred-dash/ |
To create a dashboard on Grafana with the Data Transferred metrics from Real-Time Metrics, follow the steps described in How to query GraphQL data on Grafana Cloud and then use the following JSON with the https://api.azionapi.net/metrics/graphql URL:
{
"__inputs": [
{
"name": "DS_AZION",
"label": "Azion",
"description": "",
"type": "datasource",
"pluginId": "fifemon-graphql-datasource",
"pluginName": "GraphQL Data Source"
}
],
"__elements": {},
"__requires": [
{
"type": "datasource",
"id": "fifemon-graphql-datasource",
"name": "GraphQL Data Source",
"version": "1.0.0"
},
{
"type": "grafana",
"id": "grafana",
"name": "Grafana",
"version": "9.2.5"
},
{
"type": "panel",
"id": "timeseries",
"name": "Time series",
"version": ""
}
],
"annotations": {
"list": [
{
"builtIn": 1,
"datasource": {
"type": "grafana",
"uid": "-- Grafana --"
},
"enable": true,
"hide": true,
"iconColor": "rgba(0, 211, 255, 1)",
"name": "Annotations & Alerts",
"target": {
"limit": 100,
"matchAny": false,
"tags": [],
"type": "dashboard"
},
"type": "dashboard"
}
]
},
"description": "",
"editable": true,
"fiscalYearStartMonth": 0,
"graphTooltip": 0,
"id": null,
"links": [],
"liveNow": false,
"panels": [
{
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"fieldConfig": {
"defaults": {
"color": {
"mode": "palette-classic"
},
"custom": {
"axisCenteredZero": false,
"axisColorMode": "text",
"axisLabel": "",
"axisPlacement": "auto",
"barAlignment": 0,
"drawStyle": "line",
"fillOpacity": 0,
"gradientMode": "none",
"hideFrom": {
"legend": false,
"tooltip": false,
"viz": false
},
"lineInterpolation": "linear",
"lineWidth": 1,
"pointSize": 5,
"scaleDistribution": {
"type": "linear"
},
"showPoints": "auto",
"spanNulls": false,
"stacking": {
"group": "A",
"mode": "none"
},
"thresholdsStyle": {
"mode": "off"
}
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
},
"unit": "decbytes"
},
"overrides": [
{
"matcher": {
"id": "byName",
"options": "dataTransferredIn"
},
"properties": [
{
"id": "displayName",
"value": "Edge Applications In"
}
]
},
{
"matcher": {
"id": "byName",
"options": "dataTransferredOut"
},
"properties": [
{
"id": "displayName",
"value": "Edge Applications Out"
}
]
},
{
"matcher": {
"id": "byName",
"options": "dataTransferredTotal"
},
"properties": [
{
"id": "displayName",
"value": "Edge Applications"
}
]
}
]
},
"gridPos": {
"h": 8,
"w": 12,
"x": 0,
"y": 0
},
"id": 2,
"options": {
"legend": {
"calcs": [
"sum"
],
"displayMode": "list",
"placement": "bottom",
"showLegend": true
},
"tooltip": {
"mode": "multi",
"sort": "none"
}
},
"targets": [
{
"aliasBy": "",
"annotationTags": "",
"annotationText": "",
"annotationTitle": "",
"dataPath": "httpMetrics",
"dataSourceSelect": {
"label": "Metrics",
"value": "metrics"
},
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"endTimePath": "endTime",
"groupBy": "",
"optionsDataSource": [
{
"label": "Metrics",
"value": "metrics"
},
{
"label": "Events",
"value": "events"
}
],
"queryText": "query HttpCalculatedDataTransferred {\n httpMetrics(\n limit: 2000\n filter: {\n tsRange: { begin: \"${__from:date:iso}\", end: \"${__to:date:iso}\" },\n }\n groupBy:[ts]\n orderBy:[ts_ASC]\n )\n {\n ts\n dataTransferredIn\n dataTransferredOut\n dataTransferredTotal\n }\n}",
"refId": "A",
"timeFormat": "",
"timePath": "Time"
}
],
"title": "Edge Cache",
"type": "timeseries"
},
{
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"fieldConfig": {
"defaults": {
"color": {
"mode": "palette-classic"
},
"custom": {
"axisCenteredZero": false,
"axisColorMode": "text",
"axisLabel": "",
"axisPlacement": "auto",
"barAlignment": 0,
"drawStyle": "line",
"fillOpacity": 0,
"gradientMode": "none",
"hideFrom": {
"legend": false,
"tooltip": false,
"viz": false
},
"lineInterpolation": "linear",
"lineWidth": 1,
"pointSize": 5,
"scaleDistribution": {
"type": "linear"
},
"showPoints": "auto",
"spanNulls": false,
"stacking": {
"group": "A",
"mode": "none"
},
"thresholdsStyle": {
"mode": "off"
}
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
},
"unit": "percent"
},
"overrides": [
{
"matcher": {
"id": "byName",
"options": "offload"
},
"properties": [
{
"id": "displayName",
"value": "Edge Applications"
}
]
}
]
},
"gridPos": {
"h": 8,
"w": 12,
"x": 12,
"y": 0
},
"id": 4,
"options": {
"legend": {
"calcs": [
"mean"
],
"displayMode": "list",
"placement": "bottom",
"showLegend": true
},
"tooltip": {
"mode": "single",
"sort": "none"
}
},
"targets": [
{
"aliasBy": "",
"annotationTags": "",
"annotationText": "",
"annotationTitle": "",
"dataPath": "httpMetrics",
"dataSourceSelect": {
"label": "Metrics",
"value": "metrics"
},
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"endTimePath": "endTime",
"groupBy": "",
"optionsDataSource": [
{
"label": "Metrics",
"value": "metrics"
},
{
"label": "Events",
"value": "events"
}
],
"queryText": "query HttpCalculatedEdgeOffload {\n httpMetrics(\n limit: 1000, \n filter: {\n tsRange: { begin: \"${__from:date:iso}\", end: \"${__to:date:iso}\" },\n },\n groupBy: [ts]\n orderBy: [ts_ASC]\n ) \n { \n ts\n offload\n }\n}",
"refId": "A",
"timeFormat": "",
"timePath": "Time"
}
],
"title": "Edge Offload",
"type": "timeseries"
},
{
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"fieldConfig": {
"defaults": {
"color": {
"mode": "palette-classic"
},
"custom": {
"axisCenteredZero": false,
"axisColorMode": "text",
"axisLabel": "",
"axisPlacement": "auto",
"barAlignment": 0,
"drawStyle": "line",
"fillOpacity": 0,
"gradientMode": "none",
"hideFrom": {
"legend": false,
"tooltip": false,
"viz": false
},
"lineInterpolation": "linear",
"lineWidth": 1,
"pointSize": 5,
"scaleDistribution": {
"type": "linear"
},
"showPoints": "auto",
"spanNulls": false,
"stacking": {
"group": "A",
"mode": "none"
},
"thresholdsStyle": {
"mode": "off"
}
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
},
"unit": "decbytes"
},
"overrides": [
{
"matcher": {
"id": "byName",
"options": "savedData"
},
"properties": [
{
"id": "displayName",
"value": "Edge Applications"
}
]
}
]
},
"gridPos": {
"h": 8,
"w": 12,
"x": 0,
"y": 8
},
"id": 6,
"options": {
"legend": {
"calcs": [
"sum"
],
"displayMode": "list",
"placement": "bottom",
"showLegend": true
},
"tooltip": {
"mode": "single",
"sort": "none"
}
},
"targets": [
{
"aliasBy": "",
"annotationTags": "",
"annotationText": "",
"annotationTitle": "",
"dataPath": "httpMetrics",
"dataSourceSelect": {
"label": "Metrics",
"value": "metrics"
},
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"endTimePath": "endTime",
"groupBy": "",
"optionsDataSource": [
{
"label": "Metrics",
"value": "metrics"
},
{
"label": "Events",
"value": "events"
}
],
"queryText": "query HttpCalculatedSavedData { \n httpMetrics( \n limit: 1000,\n filter: { \n tsRange: { begin: \"${__from:date:iso}\", end: \"${__to:date:iso}\" }, \n },\n groupBy: [ts] \n orderBy: [ts_ASC]\n )\n { \n ts\n savedData\n } \n}",
"refId": "A",
"timeFormat": "",
"timePath": "Time"
}
],
"title": "Saved Data",
"type": "timeseries"
},
{
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"description": "",
"fieldConfig": {
"defaults": {
"color": {
"mode": "palette-classic"
},
"custom": {
"axisCenteredZero": false,
"axisColorMode": "text",
"axisLabel": "",
"axisPlacement": "auto",
"barAlignment": 0,
"drawStyle": "line",
"fillOpacity": 0,
"gradientMode": "none",
"hideFrom": {
"legend": false,
"tooltip": false,
"viz": false
},
"lineInterpolation": "linear",
"lineWidth": 1,
"pointSize": 5,
"scaleDistribution": {
"type": "linear"
},
"showPoints": "auto",
"spanNulls": false,
"stacking": {
"group": "A",
"mode": "none"
},
"thresholdsStyle": {
"mode": "off"
}
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
},
"unit": "decbytes"
},
"overrides": [
{
"matcher": {
"id": "byName",
"options": "missedData"
},
"properties": [
{
"id": "displayName",
"value": "Edge Applications"
}
]
}
]
},
"gridPos": {
"h": 8,
"w": 12,
"x": 12,
"y": 8
},
"id": 8,
"options": {
"legend": {
"calcs": [
"sum"
],
"displayMode": "list",
"placement": "bottom",
"showLegend": true
},
"tooltip": {
"mode": "single",
"sort": "none"
}
},
"targets": [
{
"aliasBy": "",
"annotationTags": "",
"annotationText": "",
"annotationTitle": "",
"dataPath": "httpMetrics",
"dataSourceSelect": {
"label": "Metrics",
"value": "metrics"
},
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"endTimePath": "endTime",
"groupBy": "",
"optionsDataSource": [
{
"label": "Metrics",
"value": "metrics"
},
{
"label": "Events",
"value": "events"
}
],
"queryText": "query HttpCalculatedMissedData {\n httpMetrics(\n limit: 1000, \n filter: {\n tsRange: { begin: \"${__from:date:iso}\", end: \"${__to:date:iso}\" },\n },\n groupBy: [ts]\n orderBy: [ts_ASC]\n ) \n { \n ts,\n missedData\n }\n}",
"refId": "A",
"timeFormat": "",
"timePath": "Time"
}
],
"title": "Missed Data",
"type": "timeseries"
},
{
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"fieldConfig": {
"defaults": {
"color": {
"mode": "palette-classic"
},
"custom": {
"axisCenteredZero": false,
"axisColorMode": "text",
"axisLabel": "",
"axisPlacement": "auto",
"barAlignment": 0,
"drawStyle": "line",
"fillOpacity": 0,
"gradientMode": "none",
"hideFrom": {
"legend": false,
"tooltip": false,
"viz": false
},
"lineInterpolation": "linear",
"lineWidth": 1,
"pointSize": 5,
"scaleDistribution": {
"type": "linear"
},
"showPoints": "auto",
"spanNulls": false,
"stacking": {
"group": "A",
"mode": "none"
},
"thresholdsStyle": {
"mode": "off"
}
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
},
"unit": "bps"
},
"overrides": [
{
"matcher": {
"id": "byName",
"options": "bandwidthTotal"
},
"properties": [
{
"id": "displayName",
"value": "Edge Applications"
}
]
}
]
},
"gridPos": {
"h": 8,
"w": 12,
"x": 0,
"y": 16
},
"id": 10,
"options": {
"legend": {
"calcs": [
"mean"
],
"displayMode": "list",
"placement": "bottom",
"showLegend": true
},
"tooltip": {
"mode": "single",
"sort": "none"
}
},
"targets": [
{
"aliasBy": "",
"annotationTags": "",
"annotationText": "",
"annotationTitle": "",
"dataPath": "httpMetrics",
"dataSourceSelect": {
"label": "Metrics",
"value": "metrics"
},
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"endTimePath": "endTime",
"groupBy": "",
"optionsDataSource": [
{
"label": "Metrics",
"value": "metrics"
},
{
"label": "Events",
"value": "events"
}
],
"queryText": "query HttpCalculatedBandwidthTotalData {\n httpMetrics(\n limit: 1000, \n filter: {\n tsRange: { begin: \"${__from:date:iso}\", end: \"${__to:date:iso}\" },\n },\n groupBy: [ts]\n orderBy: [ts_ASC]\n ) \n { \n ts,\n bandwidthTotal\n }\n}",
"refId": "A",
"timeFormat": "",
"timePath": "Time"
}
],
"title": "Total Bandwidth Usage",
"type": "timeseries"
},
{
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"fieldConfig": {
"defaults": {
"color": {
"mode": "palette-classic"
},
"custom": {
"axisCenteredZero": false,
"axisColorMode": "text",
"axisLabel": "",
"axisPlacement": "auto",
"barAlignment": 0,
"drawStyle": "line",
"fillOpacity": 0,
"gradientMode": "none",
"hideFrom": {
"legend": false,
"tooltip": false,
"viz": false
},
"lineInterpolation": "linear",
"lineWidth": 1,
"pointSize": 5,
"scaleDistribution": {
"type": "linear"
},
"showPoints": "auto",
"spanNulls": false,
"stacking": {
"group": "A",
"mode": "none"
},
"thresholdsStyle": {
"mode": "off"
}
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
},
"unit": "percent"
},
"overrides": [
{
"matcher": {
"id": "byName",
"options": "bandwidthOffload"
},
"properties": [
{
"id": "displayName",
"value": "Edge Applications"
}
]
}
]
},
"gridPos": {
"h": 8,
"w": 12,
"x": 12,
"y": 16
},
"id": 12,
"options": {
"legend": {
"calcs": [
"mean"
],
"displayMode": "list",
"placement": "bottom",
"showLegend": true
},
"tooltip": {
"mode": "single",
"sort": "none"
}
},
"targets": [
{
"aliasBy": "",
"annotationTags": "",
"annotationText": "",
"annotationTitle": "",
"dataPath": "httpMetrics",
"dataSourceSelect": {
"label": "Metrics",
"value": "metrics"
},
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"endTimePath": "endTime",
"groupBy": "",
"optionsDataSource": [
{
"label": "Metrics",
"value": "metrics"
},
{
"label": "Events",
"value": "events"
}
],
"queryText": "query HttpCalculatedBandwidthOffload {\n httpMetrics(\n limit: 1000, \n filter: {\n tsRange: { begin: \"${__from:date:iso}\", end: \"${__to:date:iso}\" },\n },\n groupBy: [ts]\n orderBy: [ts_ASC]\n ) \n { \n ts,\n bandwidthOffload\n }\n}",
"refId": "A",
"timeFormat": "",
"timePath": "Time"
}
],
"title": "Bandwidth Offloaded",
"type": "timeseries"
},
{
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"fieldConfig": {
"defaults": {
"color": {
"mode": "palette-classic"
},
"custom": {
"axisCenteredZero": false,
"axisColorMode": "text",
"axisLabel": "",
"axisPlacement": "auto",
"barAlignment": 0,
"drawStyle": "line",
"fillOpacity": 0,
"gradientMode": "none",
"hideFrom": {
"legend": false,
"tooltip": false,
"viz": false
},
"lineInterpolation": "linear",
"lineWidth": 1,
"pointSize": 5,
"scaleDistribution": {
"type": "linear"
},
"showPoints": "auto",
"spanNulls": false,
"stacking": {
"group": "A",
"mode": "none"
},
"thresholdsStyle": {
"mode": "off"
}
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
},
"unit": "bps"
},
"overrides": [
{
"matcher": {
"id": "byName",
"options": "bandwidthSavedData"
},
"properties": [
{
"id": "displayName",
"value": "Edge Applications"
}
]
}
]
},
"gridPos": {
"h": 8,
"w": 12,
"x": 0,
"y": 24
},
"id": 14,
"options": {
"legend": {
"calcs": [
"mean"
],
"displayMode": "list",
"placement": "bottom",
"showLegend": true
},
"tooltip": {
"mode": "single",
"sort": "none"
}
},
"targets": [
{
"aliasBy": "",
"annotationTags": "",
"annotationText": "",
"annotationTitle": "",
"dataPath": "httpMetrics",
"dataSourceSelect": {
"label": "Metrics",
"value": "metrics"
},
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"endTimePath": "endTime",
"groupBy": "",
"optionsDataSource": [
{
"label": "Metrics",
"value": "metrics"
},
{
"label": "Events",
"value": "events"
}
],
"queryText": "query HttpCalculatedBandwidthSavedlData {\n httpMetrics(\n limit: 1000, \n filter: {\n tsRange: { begin: \"${__from:date:iso}\", end: \"${__to:date:iso}\" },\n },\n groupBy: [ts]\n orderBy: [ts_ASC]\n ) \n { \n ts,\n bandwidthSavedData\n }\n}",
"refId": "A",
"timeFormat": "",
"timePath": "Time"
}
],
"title": "Saved Bandwidth",
"type": "timeseries"
},
{
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"fieldConfig": {
"defaults": {
"color": {
"mode": "palette-classic"
},
"custom": {
"axisCenteredZero": false,
"axisColorMode": "text",
"axisLabel": "",
"axisPlacement": "auto",
"barAlignment": 0,
"drawStyle": "line",
"fillOpacity": 0,
"gradientMode": "none",
"hideFrom": {
"legend": false,
"tooltip": false,
"viz": false
},
"lineInterpolation": "linear",
"lineWidth": 1,
"pointSize": 5,
"scaleDistribution": {
"type": "linear"
},
"showPoints": "auto",
"spanNulls": false,
"stacking": {
"group": "A",
"mode": "none"
},
"thresholdsStyle": {
"mode": "off"
}
},
"mappings": [],
"thresholds": {
"mode": "absolute",
"steps": [
{
"color": "green",
"value": null
},
{
"color": "red",
"value": 80
}
]
},
"unit": "bps"
},
"overrides": [
{
"matcher": {
"id": "byName",
"options": "bandwidthMissedData"
},
"properties": [
{
"id": "displayName",
"value": "Edge Applications"
}
]
}
]
},
"gridPos": {
"h": 8,
"w": 12,
"x": 12,
"y": 24
},
"id": 16,
"options": {
"legend": {
"calcs": [
"mean"
],
"displayMode": "list",
"placement": "bottom",
"showLegend": true
},
"tooltip": {
"mode": "single",
"sort": "none"
}
},
"targets": [
{
"aliasBy": "",
"annotationTags": "",
"annotationText": "",
"annotationTitle": "",
"dataPath": "httpMetrics",
"dataSourceSelect": {
"label": "Metrics",
"value": "metrics"
},
"datasource": {
"type": "fifemon-graphql-datasource",
"uid": "${DS_AZION}"
},
"endTimePath": "endTime",
"groupBy": "",
"optionsDataSource": [
{
"label": "Metrics",
"value": "metrics"
},
{
"label": "Events",
"value": "events"
}
],
"queryText": "query HttpCalculatedBandwidthMissedlData {\n httpMetrics(\n limit: 1000, \n filter: {\n tsRange: { begin: \"${__from:date:iso}\", end: \"${__to:date:iso}\" },\n },\n groupBy: [ts]\n orderBy: [ts_ASC]\n ) \n { \n ts,\n bandwidthMissedData\n }\n}",
"refId": "A",
"timeFormat": "",
"timePath": "Time"
}
],
"title": "Missed Bandwidth",
"type": "timeseries"
}
],
"refresh": "30s",
"schemaVersion": 37,
"style": "dark",
"tags": [
"Azion",
"Edge Applications",
"Data Transferred "
],
"templating": {
"list": []
},
"time": {
"from": "now-7d",
"to": "now"
},
"timepicker": {},
"timezone": "",
"title": "Data Transferred",
"uid": "gjxbR-a4z",
"version": 6,
"weekStart": ""
}import ContributorList from '~/components/ContributorList.astro'
Contributors Contributor