--- name: azion-import-the-data-transferred-dashboard description: >- Chart the data and bandwidth your applications transfer in Grafana, with eight panels that query the Real-Time Metrics GraphQL API. --- # Import the Data Transferred dashboard You can import a Grafana dashboard that charts the data and bandwidth your applications transfer, read from [Real-Time Metrics](/en/documentation/platform/real-time-metrics/) through a GraphQL data source. Its eight panels are **Cache**, **Edge Offload**, **Saved Data**, **Missed Data**, **Total Bandwidth Usage**, **Bandwidth Offloaded**, **Saved Bandwidth**, and **Missed Bandwidth**. They read the same fields as the charts of the **Data Transferred** dashboard in Azion Console. To import the dashboard that the Azion plugin for Grafana installs instead, refer to [Import the pre-built Grafana dashboard](/en/documentation/guides/platform/observability/azion-plugin-grafana-pre-built-dash/). --- ## Prerequisites - A Grafana instance where you can add a data source and import a dashboard. - The GraphQL Data Source plugin, `fifemon-graphql-datasource`, installed on that instance. The dashboard binds to this plugin, not to the [Azion plugin for Grafana](/en/documentation/guides/platform/observability/integrate-grafana/). - A [personal token](/en/documentation/guides/platform/account-and-billing/personal-tokens/) for your Azion account. - At least one application with traffic in the range you chart, so the panels have data to draw. --- ## Add the GraphQL data source The API answers a query only when the request carries your personal token, so the data source sends it in a header. To add the data source in Grafana: 1. **Add a GraphQL Data Source** In Grafana, add a data source of the type **GraphQL Data Source**. 2. **Set the URL** Enter `https://api.azion.com/v4/metrics/graphql` as the URL of the data source. 3. **Add the authorization header** Add the header `Authorization` with the value `Token [TOKEN VALUE]`. Replace `[TOKEN VALUE]` with your personal token. 4. **Save the data source** The data source sends each query to the v4 endpoint with your token. All eight panels query the `httpMetrics` dataset, so this one data source serves the whole dashboard. A data source set to the legacy host `https://api.azionapi.net/metrics/graphql` receives HTTP 403 and an HTML error page instead of data. --- ## Import the dashboard JSON The dashboard model declares one data source input, `DS_AZION`, with the label `Azion` and the type `fifemon-graphql-datasource`. Grafana asks you to pick a data source for this input during the import. The model also lists Grafana 9.2.5 and version 1.0.0 of the plugin as its requirements. To import the dashboard: 1. **Copy the dashboard model** Copy the JSON in this section. 2. **Start the import** In Grafana, [import a dashboard](https://grafana.com/docs/grafana/latest/visualizations/dashboards/build-dashboards/import-dashboards/) and paste the JSON as the dashboard model. 3. **Select the data source** For the `Azion` input, select the GraphQL data source you added. 4. **Complete the import** Grafana saves a dashboard titled `Data Transferred`, with the tags `Azion`, `Applications`, and `Data Transferred`. It opens on the last 7 days and refreshes every 30 seconds. The dashboard model: ```json { "__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": "Applications In" } ] }, { "matcher": { "id": "byName", "options": "dataTransferredOut" }, "properties": [ { "id": "displayName", "value": "Applications Out" } ] }, { "matcher": { "id": "byName", "options": "dataTransferredTotal" }, "properties": [ { "id": "displayName", "value": "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": "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": "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": "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": "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": "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": "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": "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": "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", "Applications", "Data Transferred " ], "templating": { "list": [] }, "time": { "from": "now-7d", "to": "now" }, "timepicker": {}, "timezone": "", "title": "Data Transferred", "uid": "gjxbR-a4z", "version": 6, "weekStart": "" } ``` --- ## Check the panels Each panel sends one query to the `httpMetrics` dataset and draws the rows under `httpMetrics` in the response, the panel's `dataPath`. Before it sends a query, Grafana replaces `${__from:date:iso}` and `${__to:date:iso}` with the dashboard's time range. The panels, in dashboard order: | Panel | Query | Fields | Grafana unit | | --------------------- | ------------------------------------ | ----------------------------------------------------------------- | ------------ | | Cache | `HttpCalculatedDataTransferred` | `dataTransferredIn`, `dataTransferredOut`, `dataTransferredTotal` | `decbytes` | | Edge Offload | `HttpCalculatedEdgeOffload` | `offload` | `percent` | | Saved Data | `HttpCalculatedSavedData` | `savedData` | `decbytes` | | Missed Data | `HttpCalculatedMissedData` | `missedData` | `decbytes` | | Total Bandwidth Usage | `HttpCalculatedBandwidthTotalData` | `bandwidthTotal` | `bps` | | Bandwidth Offloaded | `HttpCalculatedBandwidthOffload` | `bandwidthOffload` | `percent` | | Saved Bandwidth | `HttpCalculatedBandwidthSavedlData` | `bandwidthSavedData` | `bps` | | Missed Bandwidth | `HttpCalculatedBandwidthMissedlData` | `bandwidthMissedData` | `bps` | Every query groups by `ts` and orders by `ts_ASC`, so each row is one time bucket, oldest first. The **Cache** query sets `limit: 2000`, and the other seven set `limit: 1000`. The bucket size follows the length of the range: for the default 7 days, each row covers one hour. For the full rule, refer to [How it works](/en/documentation/platform/real-time-metrics/how-it-works/#resolution). For a range of 24 hours, the **Cache** panel sends this query: ```graphql query HttpCalculatedDataTransferred { httpMetrics( limit: 2000 filter: { tsRange: { begin: "2026-10-01T14:25:25.000Z", end: "2026-10-02T14:25:25.000Z" }, } groupBy:[ts] orderBy:[ts_ASC] ) { ts dataTransferredIn dataTransferredOut dataTransferredTotal } } ``` The API returns HTTP 200 with one row per minute that had traffic: ```json { "data": { "httpMetrics": [ { "ts": "2026-10-01T16:04:00Z", "dataTransferredIn": 13094.0, "dataTransferredOut": 2649889.0, "dataTransferredTotal": 2662983.0 }, { "ts": "2026-10-01T16:06:00Z", "dataTransferredIn": 7470.0, "dataTransferredOut": 986551.0, "dataTransferredTotal": 994021.0 }, { "ts": "2026-10-01T16:07:00Z", "dataTransferredIn": 28443.0, "dataTransferredOut": 2109827.0, "dataTransferredTotal": 2138270.0 }, … ] } } ``` When a panel draws no line, the response to its query names the cause: - **An empty `httpMetrics` array**: your applications had no traffic in the selected range. - **HTTP 401 with `{"detail": "Authentication credentials were not provided."}`**: the data source sends no `Authorization` header. - **HTTP 403 with an HTML error page**: the data source points to the legacy host `https://api.azionapi.net/metrics/graphql`. For what each field measures, refer to [Build dashboards](/en/documentation/platform/real-time-metrics/build-dashboards/#data-transferred), where the **Cache** panel matches the **Edge Cache** chart. --- ## Next steps - [Import the Real-Time Metrics dashboard](/en/documentation/guides/platform/observability/metrics-dash.md): Add a second dashboard with requests, status codes, HTTP methods, and the top request URIs and hosts. - [Install the Azion plugin for Grafana](/en/documentation/guides/platform/observability/integrate-grafana.md): Query Real-Time Metrics through the Azion data source plugin instead of a generic GraphQL one. - [Build dashboards](/en/documentation/platform/real-time-metrics/build-dashboards.md#data-transferred): Read what each Data Transferred chart measures and the path of the data it counts. - [Real-Time Metrics fields](/en/documentation/devtools/graphql/gql-real-time-metrics-fields.md#workloadmetrics): Look up the type of every httpMetrics field the panels query.