---
title: Visualizing Litmus Edge Manager Prometheus  Metrics with Grafana
slug: solutions/visualizing-litmus-edge-manager-prometheus-metrics-with-grafana
docTags: 
createdAt: 2023-08-17T15:06:23.489Z
---

## Overview

![](https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/l1AeQG9BEnleR88W6QtXn_functiondiagramsolutions-visualize-prometheusdrawio.png)

# How to prepare Litmus Edge Manager to act as Prometheus Endpoint

This section will provide instructions on how to prepare a Litmus Edge Manager to act as Prometheus Endpoint.

## Requirements

A Litmus Edge Manager is setup.

## Guide to prepare Litmus Edge Manager as Prometheus Endpoint

The guide on how to prepare Litmus Edge Manager to act as Prometheus Endpoint can be viewed in the [Litmus Edge Manager Prometheus](docId\:OAkGk5dDht9MCB_uCZurn) documentation.

**Note: For this guide only Step 1 and Step 2 are required followed by saving the change.**

![](https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/413kZp7xPYIMqJhioqmFn_image.png)

# How to connect Grafana to the Litmus Edge Manager Prometheus Endpoint 

This section will provide instructions on how to connect Grafana to the Litmus Edge Manager Prometheus Endpoint.

## Requirements

A deployment of [Grafana](https://grafana.com) is available.

**Note: This does include also **[Grafana Cloud](https://grafana.com/products/cloud/)** and **[Grafana Enterprise.](https://grafana.com/products/enterprise/)

How to deploy Grafana is covered by the Grafana [documentation](https://grafana.com/docs/).

**Note: Litmus Edge Manager also offers a **[Litmus provided Grafana deployment](https://docs.litmus.io/edgemanager/grafana-dashboards)** which  can be accessed from within a project.**

## Step by Step guide to connect Grafana to Litmus Edge Manager Prometheus Endpoint

This guide will provide instructions on how to connect Grafana with your Litmus Edge Manager Prometheus Endpoint.

This guide will not provide instructions on all the statistic values available through the Prometheus Endpoint.
This guide will also not provide instructions on how to create dashboards apart from a generalized guide on how to add a value to a dashboard.

**Step 1:**
Log-on to your Grafana Instance.

![](https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/dd0lXDeJuxuQhmVmEZaMu_image.png)

**Step 2:**
Go to *Configuration->Datasources*.

::Image[]{src="https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/B1WPj_658z6cizMeHmXDS_image.png" size="30" width="244" height="311" position="center" showCaption="false"}

**Step 3:**
Press the *Add data source* button to add a new data source.

![](https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/izkin-QFDG0cMvBIP7EI0_image.png)

**Step 4:**
Select Prometheus as the data source type.

::Image[]{src="https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/KFIlVjpmobuR_gwBKm4hd_image.png" size="60" width="799" height="634" position="center" showCaption="false"}

**Step 5:**
Copy the URL from your **Litmus Edge Manager Web UI** found under 
*Integration-> Prometheus* .

![](https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/izG-xpdP3OGlQEQFxLO8y_image.png)

**Step 6:**
Paste the in Step 5 copied URL into the *URL* field for the Grafana Prometheus Data Source.

![](https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/ascTGVb7jfERNUTSn7SQL_image.png)

**Step 7:**
Scroll to the end of the form and press the *Save & test* button

::Image[]{src="https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/mG2jJ9j2TJox7SjAcNOm3_image.png" size="50" width="481" height="197" position="center" showCaption="false"}

to validate the connection and save it. 

::Image[]{src="https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/n6QBwgcnraBNx_3Q4uUKq_image.png" size="70" width="524" height="317" position="center" showCaption="false"}

The data source is now available to be used in any dashboard.

## Short guide on how to add a Prometheus metric to a Grafana dashboard.

This guide will show trough one example how to add a Prometheus metric to a dashboard. 

**Note: This guide is not a deep dive on how to create compelling Prometheus dashboards.**

## Requirements

A Prometheus data source has been added to Grafana.

**Step 1:**
Add a new dashboard.

::Image[]{src="https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/fh0ZP4vZ9oXVN1JmGbAWk_image.png" size="36" width="191" height="173" position="center" showCaption="false"}

**Step 2:**
Add a new panel.

::Image[]{src="https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/AQ8RIw_-9psxxgiOK1s-y_image.png" size="60" width="741" height="439" position="center" showCaption="false"}

**Step 3:**
Select the Prometheus data source from the drop down.

::Image[]{src="https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/oqFh5zWItZrwFp7cAeZTm_image.png" size="60" width="272" height="161" position="center" showCaption="false"}

**Step 4:**
Expand the Metrics browser.

![](https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/I2FX-_kf5YrlWfXGmX5Jf_image.png)

**Step 5:**
Select the metric you would like to visualize.

Example: node\_cpu\_system (cpu load used by system processes)

::Image[]{src="https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/pK9FxREtKuy6leEHUt6js_image.png" size="50" width="378" height="383" position="center" showCaption="false"}

**Step 6:**
Press the *Use query* button.

::Image[]{src="https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/F0UOVGZ7JnuT9roYPcBse_image.png" size="60" width="370" height="201" position="center" showCaption="false"}

The data are visualized.

![](https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/6XyBEUNzSC3v-4pkDxF2D_image.png)

**Step 7:**
Save the dashboard using the *Save *button.

![](https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/4T4MiqNy0maYEVLjvkAwW_image.png)

The dashboard includes the new panel.

![](https://api.archbee.com/api/optimize/SSUUxKZUk9bFTEPNn_6Zo/_owR1vk_StZBpH51erZKe_image.png)