Data Transferred dashboard on Grafana JSON example
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": ""}Contributors
