# Personalize um dashboard no Grafana com a Azion import DocButton from '~/components/webkit/DocButton.vue'; Com o data source plugin, você consegue personalizar seu próprio dashboard para visualizar os dados que desejar. --- ## Personalize um dashboard no Grafana Após instalar uma instância do Grafana localmente em sua máquina e autorizar o plugin da Azion, acesse sua instância. Siga estes passos: 1. No menu esquerdo, clique em **Dashboards**. A página de dashboards abrirá. 2. Ao lado da barra de pesquisa, *search*, clique em **New** > **New Dashboard**. 3. No card **Add panel**, selecione **Add a new panel**. 4. Na segunda seção da página, abaixo da pré-visualização, na lista suspensa **Data source**, selecione **Azion**. 5. Na caixa de código, adicione a query que deseja usar. - Veja os [guias da GraphQL API](/pt-br/documentacao/devtools/graphql-api/visao-geral/) para alguns exemplos de queries. Os cinco campos disponibilizados logo abaixo podem ser usados para completar sua configuração, dependendo do tipo de visualização que você está usando e o que você quer ver em seus gráficos: - **Data path**: adicione o valor **Metrics**. - **Time path**: informe um timestamp, carimbo de hora/data. Esse campo é delimitado por pontos. - **Time format**: informe um formato de hora/data [no formato moment.js](https://momentjs.com/docs/#/parsing/string/). - **Group by**: use esse campo se você quer agrupar seus dados em formato agregado. - **Alias by**: use esse campo para mudar o valor e o nome de um campo exibido na legenda. 6. No lado direito da página, na lista **Visualization**, selecione o tipo de visualização que você quer usar. Exemplo: **Time series**. 7. No canto superior direito, clique em **Save** para aplicar suas configurações. --- ## Leia mais no Grafana - [Create and use dashboards](https://grafana.com/docs/grafana/latest/dashboards/) - [Grafana dashboard best practices](https://grafana.com/docs/grafana/latest/dashboards/build-dashboards/best-practices/) - [Add and manage variables](https://grafana.com/docs/grafana/latest/dashboards/variables/) - [Configuring time series in ISO8601](https://momentjs.com/docs/#/parsing/string/) - [Configuring time series in custom format](https://momentjs.com/docs/#/parsing/string-format/) - [Visualizations](https://grafana.com/docs/grafana/latest/panels-visualizations/visualizations/) - [Configuring a legend](https://grafana.com/docs/grafana/latest/panels-visualizations/visualizations/configure-legend/) - [Configuring value mappings](https://grafana.com/docs/grafana/latest/panels-visualizations/configure-value-mappings/) --- ### Marca registrada [Grafana Cloud](https://grafana.com/products/cloud/) é marca registrada de Grafana Labs. Não somos afiliados, endossados ou patrocinados por Grafana Labs ou suas afiliadas. ---