# Creating Gauge Plots

Learn how to create gauge charts with ActiveReportsJS

## Content

## Introduction  

Before creating and configuring **Gauge Plots**, ensure that a chart has been added to your report.  

For instructions on adding a chart and launching the `Chart Wizard`, see [Adding a Chart](/activereportsjs/docs/v6.1/ReportAuthorGuide/Report-Items/Data-Regions/Chart#adding-a-chart).  

Once the `Chart Wizard` is open, **select the Gauge plot type**, choose the dataset to visualize, and proceed to the **next page**.  

## Plot Settings  

The `Settings` page of the `Chart Wizard` for **Gauge plots** is structured as shown below:  

![image](https://cdn.mescius.io/document-site-files/images/4206d62a-1d03-42d0-9ace-80a695bb8c17/image.ac9830.png)  

Gauge plots consist of the following key components:  

- **Gauge Ranges** – Defines the background **sectors** of the gauge, representing different **performance levels** such as *Low, Medium, and High*, or *Poor, Average, and Excellent*.  
- **Gauge Pointer** – Represents the **current value**, displayed as an arrow or indicator that points to the corresponding position on the gauge scale.  
- **Gauge Label** – Displays **text annotations** along the gauge, typically showing numerical values or descriptive labels to enhance readability.