--- name: azion-importe-o-dashboard-data-transferred description: >- Acompanhe no Grafana os dados e a largura de banda que suas aplicações transferem, com oito painéis que consultam a API GraphQL do Real-Time Metrics. --- # Importe o dashboard Data Transferred Você pode importar um dashboard do Grafana que mostra em gráficos os dados e a largura de banda que suas aplicações transferem, lidos do [Real-Time Metrics](/pt-br/documentacao/plataforma/real-time-metrics/) por um data source GraphQL. Os oito painéis dele são **Cache**, **Edge Offload**, **Saved Data**, **Missed Data**, **Total Bandwidth Usage**, **Bandwidth Offloaded**, **Saved Bandwidth** e **Missed Bandwidth**. Eles leem os mesmos campos que os gráficos do dashboard **Data Transferred** no Azion Console. Para importar em vez dele o dashboard que o plugin da Azion para Grafana instala, consulte [Importe o dashboard pré-configurado do Grafana](/pt-br/documentacao/guias/plataforma/observabilidade/azion-plugin-grafana-dash-pre-configurado/). --- ## Pré-requisitos - Uma instância do Grafana em que você pode adicionar um data source e importar um dashboard. - O plugin GraphQL Data Source, `fifemon-graphql-datasource`, instalado nessa instância. O dashboard se vincula a esse plugin, não ao [plugin da Azion para Grafana](/pt-br/documentacao/guias/plataforma/observabilidade/integrar-grafana/). - Um [personal token](/pt-br/documentacao/guias/plataforma/conta-e-billing/personal-tokens/) da sua conta Azion. - Pelo menos uma aplicação com tráfego no intervalo que você mostra nos gráficos, para que os painéis tenham dados para desenhar. --- ## Adicione o data source GraphQL A API responde a uma query somente quando a requisição traz o seu personal token, por isso o data source envia o token em um header. Para adicionar o data source no Grafana: 1. **Adicione um GraphQL Data Source** No Grafana, adicione um data source do tipo **GraphQL Data Source**. 2. **Defina a URL** Insira `https://api.azion.com/v4/metrics/graphql` como URL do data source. 3. **Adicione o header de autorização** Adicione o header `Authorization` com o valor `Token [TOKEN VALUE]`. Substitua `[TOKEN VALUE]` pelo seu personal token. 4. **Salve o data source** O data source envia cada query ao endpoint v4 com o seu token. Os oito painéis consultam o dataset `httpMetrics`, então esse único data source atende o dashboard inteiro. Um data source configurado com o host legado `https://api.azionapi.net/metrics/graphql` recebe HTTP 403 e uma página de erro em HTML em vez de dados. --- ## Importe o JSON do dashboard O modelo do dashboard declara uma entrada de data source, `DS_AZION`, com o rótulo `Azion` e o tipo `fifemon-graphql-datasource`. Durante a importação, o Grafana pede que você escolha um data source para essa entrada. O modelo também lista o Grafana 9.2.5 e a versão 1.0.0 do plugin como requisitos. Para importar o dashboard: 1. **Copie o modelo do dashboard** Copie o JSON desta seção. 2. **Inicie a importação** No Grafana, [importe um dashboard](https://grafana.com/docs/grafana/latest/visualizations/dashboards/build-dashboards/import-dashboards/) e cole o JSON como modelo do dashboard. 3. **Selecione o data source** Para a entrada `Azion`, selecione o data source GraphQL que você adicionou. 4. **Conclua a importação** O Grafana salva um dashboard com o título `Data Transferred` e as tags `Azion`, `Applications` e `Data Transferred`. Ele abre nos últimos 7 dias e atualiza a cada 30 segundos. O modelo do dashboard: ```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": "" } ``` --- ## Verifique os painéis Cada painel envia uma query ao dataset `httpMetrics` e desenha as linhas que estão sob `httpMetrics` na resposta, o `dataPath` do painel. Antes de enviar uma query, o Grafana substitui `${__from:date:iso}` e `${__to:date:iso}` pelo intervalo de tempo do dashboard. Os painéis, na ordem do dashboard: | Painel | Query | Campos | Unidade no Grafana | | --------------------- | ------------------------------------ | ----------------------------------------------------------------- | ------------------ | | 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` | Todas as queries agrupam por `ts` e ordenam por `ts_ASC`, então cada linha é um bucket de tempo, do mais antigo para o mais recente. A query do painel **Cache** define `limit: 2000` e as outras sete definem `limit: 1000`. O tamanho do bucket segue a duração do intervalo: no intervalo padrão de 7 dias, cada linha cobre uma hora. Para a regra completa, consulte [Como funciona](/pt-br/documentacao/plataforma/real-time-metrics/como-funciona/#resolucao). Para um intervalo de 24 horas, o painel **Cache** envia esta 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 } } ``` A API retorna HTTP 200 com uma linha por minuto que teve tráfego: ```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 }, … ] } } ``` Quando um painel não desenha nenhuma linha no gráfico, a resposta à query dele indica a causa: - **Um array `httpMetrics` vazio**: suas aplicações não tiveram tráfego no intervalo selecionado. - **HTTP 401 com `{"detail": "Authentication credentials were not provided."}`**: o data source não envia o header `Authorization`. - **HTTP 403 com uma página de erro em HTML**: o data source aponta para o host legado `https://api.azionapi.net/metrics/graphql`. Para saber o que cada campo mede, consulte [Dashboards de Build](/pt-br/documentacao/plataforma/real-time-metrics/dashboards-build/#data-transferred), em que o painel **Cache** corresponde ao gráfico **Edge Cache**. --- ## Próximos passos - [Importe o dashboard Real-Time Metrics](/pt-br/documentacao/guias/plataforma/observabilidade/metrics-dash.md): Adicione um segundo dashboard com requisições, status codes, métodos HTTP e os principais request URIs e hosts. - [Instale o plugin da Azion para Grafana](/pt-br/documentacao/guias/plataforma/observabilidade/integrar-grafana.md): Consulte o Real-Time Metrics pelo plugin de data source da Azion em vez de um data source GraphQL genérico. - [Dashboards de Build](/pt-br/documentacao/plataforma/real-time-metrics/dashboards-build.md#data-transferred): Leia o que cada gráfico de Data Transferred mede e o caminho dos dados que ele conta. - [Campos do Real-Time Metrics](/pt-br/documentacao/devtools/graphql/campos-gql-real-time-metrics.md#workloadmetrics): Consulte o tipo de cada campo de httpMetrics que os painéis usam.