---
title: "Chart Widgets: Gauge Chart"
description: Add a gauge chart to your report to represent average or actual scores or percentage results for question blocks or formulas. Discover it now 👉
---

[Skip to content](https://help.pointerpro.com/report-builder-gauge-chart#main-content)

[![Pointerpro-logo](https://help.pointerpro.com/hs-fs/hubfs/Pointerpro-logo.png?width=188&height=53&name=Pointerpro-logo.png)](https://pointerpro.com/)

- [Getting started](https://help.pointerpro.com/how-to-get-started-with-pointerpro)
- [Pricing](https://pointerpro.com/pricing)
- [Customer stories](https://pointerpro.com/case-studies)

Open main navigation

Close main navigation

- [Getting started](https://help.pointerpro.com/how-to-get-started-with-pointerpro)
- [Pricing](https://pointerpro.com/pricing)
- [Customer stories](https://pointerpro.com/case-studies)
- [New here? Explore what Pointerpro can do](https://www.pointerpro.com/)

[New here? Explore what Pointerpro can do](https://www.pointerpro.com/)

 How can we help you?

- There are no suggestions because the search field is empty.

1. [Knowledge Base](https://help.pointerpro.com/?hsLang=en)
2. [Report Builder](https://help.pointerpro.com/report-builder?hsLang=en)
3. [Widgets](https://help.pointerpro.com/report-builder?hsLang=en#widgets)

# Chart Widgets: Gauge Chart

## Add a gauge chart to your personalized PDF report to represent average or actual scores or percentage results for question blocks or formulas. Respondents can see at a glance if they've scored towards the top-end or bottom-end of the scale.

##### You'll need this:

- One of these Pointerpro plans:

![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Grey.svg)  Professional         ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Grey.svg)  Enterprise         ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Orange.svg)  ReportR         ![](https://assets.pointerpro.com/custom/help-guide/Pointerpro+icon+Orange.svg)  DistributR 

---

##### On this help guide page:

1. [Add a gauge chart to the page](https://help.pointerpro.com/report-builder-gauge-chart#add-chart)
2. [Setup the chart](https://help.pointerpro.com/report-builder-gauge-chart#setup-chart)
3. [Additional settings](https://help.pointerpro.com/report-builder-gauge-chart#additional-settings)
4. [Additional buttons](https://help.pointerpro.com/report-builder-gauge-chart#additional-buttons)

---

#### 1. Add a gauge chart to the page

To add a **gauge chart** widget to the page, all you have to do is **click** on it and **drag and drop** it on the page. 

![add gauge](https://help.pointerpro.com/hs-fs/hubfs/add%20gauge.png?width=650&height=234&name=add%20gauge.png)

Once you add the widget a pop-up window will open where you can setup the chart.

#### 2. Setup the chart

Start by filling in first chart settings:

![](https://help.pointerpro.com/hs-fs/hubfs/CleanShot%202026-09-27%20at%2011-51-24@2x-png.png?width=670&height=349&name=CleanShot%202026-09-27%20at%2011-51-24@2x-png.png)

1. **Chart title** - This title will be displayed above your chart
2. **Y-Axis min** - Enter a value for the *lowest* value for the chart. The minimum value will be shown under the graph on the **left-hand side**.
3. **Y-Axis max** - Enter a value for *highest* value for the chart. The maximum value will be shown under the **right-hand end** of the graph.  
   The Y-Axis values can be *any value* you like (they do not have to be between 0 and 1 as the threshold values).
4. **Y-axis title** - Name the progress bar. This title will show immediately on top of the bar, as opposed to the Title which is displayed in larger letters above the Y-axis title.

**Set number of decimal places** - Set this to 0 if you do not wish to show any decimal places. Otherwise choose how many decimal places you want, bearing in mind that too many decimal places are not so useful to the report reader.

 

![add treshhold](https://help.pointerpro.com/hs-fs/hubfs/add%20treshhold.png?width=500&height=422&name=add%20treshhold.png)

Now it is time to set **thresholds**. The values you set for the thresholds will determine the shading of the progress bar. Change the **color** so that a higher score will have a different or brighter color than a lower score.

- Enter needed threshold value. This must be a number **between 0 and 1**. The values entered will be converted into **percentages**, e.g. a threshold value of 0.1 will cover the first 10% of the bar.
- Click the **color** selector to change the color of each threshold. The default shades would color the bar in red for the lowest scoring answers, yellow for mid-ranking scores, and for top-scoring answers, the bar would be colored in green.

If you want more than 3 colors of the progress bar, that's no problem! Simply click **Add threshold** and add as many as you require. Keep in mind that the threshold value must be between 0 and 1!

WARNING

 

The values for the thresholds must be entered **in order**, starting with the lowest value (threshold #1) and increasing to the highest value.

NOTE

 

If a score is in between 2 thresholds, a **mix of the 2 threshold colors** will be shown on the gauge. In order to have it as 1 color, you need to set up minimum and maximum threshold values.

Now add your metric value! You can either type in a number or click *Variables* to access the drop-down menu of available variables. Variables take the data entered during the survey and display it in the graph.

Make sure the variable is a *numerical* value otherwise the graph will not work!

![](https://help.pointerpro.com/hs-fs/hubfs/CleanShot%202026-09-27%20at%2011-55-14@2x-png.png?width=558&height=141&name=CleanShot%202026-09-27%20at%2011-55-14@2x-png.png)

Then click the **Save and close** button to save your work and view your chart.

![gauge view](https://help.pointerpro.com/hs-fs/hubfs/gauge%20view.png?width=350&height=240&name=gauge%20view.png)

#### 3. Additional settings

Select the widget and then at the right of the screen click on the **Settings** button. The widget list will be replaced by the additional settings.

![additional settings-3](https://help.pointerpro.com/hs-fs/hubfs/additional%20settings-3.png?width=650&height=309&name=additional%20settings-3.png)

Here you can find the following settings:

1. [ID](https://help.pointerpro.com/report-builder-gauge-chart#id)
2. [Name](https://help.pointerpro.com/report-builder-gauge-chart#name)
3. [Rules](https://help.pointerpro.com/report-builder-gauge-chart#rules)
4. [Margins](https://help.pointerpro.com/report-builder-gauge-chart#margins)
5. [Background color](https://help.pointerpro.com/report-builder-gauge-chart#bg-colors)
6. [Chart settings](https://help.pointerpro.com/report-builder-gauge-chart#settings)

##### 1. ID

This is the ID of the widget.

##### 2. Name

You can name your widget in order to identify it easier.

##### 3. Rules

You can add your [widget logic rules](https://help.pointerpro.com/migration/knowledge/logic-rules-for-conditional-content?hsLang=en) to ensure that your content will be visible only when the conditions are true. 

##### 4. Margins

Add margins to create space around elements and move them in your page. By default the margins are set to 0, but you can change that anytime and add the margin you prefer. 

TIP

 

You can add margins left and right to make your chart smaller. The bigger the margins, the smaller the chart. Note that the margins should be equal, in order for the chart to be centered in the page. 

##### 5. Background color

You can change the background color of this specific widget by clicking the color selector.

##### 6. Chart settings

You can change the default title and label font size if you want. This is very useful if you are placing your chart inside a column, or you adjust its size. In this case you will have a smaller chart but your text will still be readable.

 

#### 4. Additional buttons

When you click on your widget, 4 blue buttons appear to the right.

![additional buttons-3](https://help.pointerpro.com/hs-fs/hubfs/additional%20buttons-3.png?width=500&height=356&name=additional%20buttons-3.png)

The **Arrow** allows you to move between the different layers of the page. For example, if you add a widget in a column then you have 3 layers: the page, the column, and the widget. The arrow allows you to quickly select a different layer.

The second icon, the **four arrow sign**, allows you to move your widget up or down to the page.

The third icon, **the page**, allows you to copy this widget and the forth icon, **the bin**, to delete it.

#### What's next?

- [Chart Widgets: Bar Chart](https://help.pointerpro.com/report-builder-bar-chart?hsLang=en): Add a Bar Chart widget to your customized report to show respondents' results or another data set at a glance. This way you will display your data with rectangular bars. It allows you to show data separated into categories with relative numbers.
- [Chart Widgets: Bubble chart](https://help.pointerpro.com/migration/knowledge/renewed-report-builder-bubble-chart?hsLang=en): The bubble chart widget allows your respondents to see their results from different questions but also compare them to other components. A bubble chart stands out because it allows a comparison between three variables.
- [Chart Widgets: Pie Chart](https://help.pointerpro.com/report-builder-pie-chart?hsLang=en): Add a Pie Chart widget to your customized report to show respondents' results at a glance. This is a great way of displaying data in proportions and representing a rough estimate of percentages.

#### Don't want to build it yourself? Contact our professional services team

#### [![Banner\_professional services\_2026](https://help.pointerpro.com/hs-fs/hubfs/Banner_professional%20services_2026.png?width=670&height=264&name=Banner_professional%20services_2026.png)](https://calendly.com/anna-golumbovskaia-pointerpro/let-s-discuss-your-project)

 

- [Getting Started](https://help.pointerpro.com/getting-started?hsLang=en#main-content)

    - [Getting Started](https://help.pointerpro.com/getting-started?hsLang=en#getting-started)
    - [How To Guides](https://help.pointerpro.com/getting-started?hsLang=en#how-to-guides)
    - [Glossary](https://help.pointerpro.com/getting-started?hsLang=en#glossary)
- [Build & Design](https://help.pointerpro.com/build-design?hsLang=en#main-content)

    - [Intro Screen & Final Screen](https://help.pointerpro.com/build-design?hsLang=en#intro-screen-final-screen)
    - [Question Types](https://help.pointerpro.com/build-design?hsLang=en#question-types)
    - [Media & Variables](https://help.pointerpro.com/build-design?hsLang=en#media-variables)
    - [Design your survey](https://help.pointerpro.com/build-design?hsLang=en#design-your-survey)
    - [Campaigns](https://help.pointerpro.com/build-design?hsLang=en#campaigns)
    - [FAQ](https://help.pointerpro.com/build-design?hsLang=en#faq)
- [Extra Options](https://help.pointerpro.com/extra-options?hsLang=en#main-content)

    - [Text options](https://help.pointerpro.com/extra-options?hsLang=en#text-options)
    - [Question logic](https://help.pointerpro.com/extra-options?hsLang=en#question-logic)
    - [Custom scoring](https://help.pointerpro.com/extra-options?hsLang=en#custom-scoring)
    - [Quiz Options](https://help.pointerpro.com/extra-options?hsLang=en#quiz-options)
    - [Kiosk mode options](https://help.pointerpro.com/extra-options?hsLang=en#kiosk-mode-options)
    - [Data collection options](https://help.pointerpro.com/extra-options?hsLang=en#data-collection-options)
    - [Other options](https://help.pointerpro.com/extra-options?hsLang=en#other-options)
    - [Integrations & API](https://help.pointerpro.com/extra-options?hsLang=en#integrations-api)
    - [FAQ](https://help.pointerpro.com/extra-options?hsLang=en#faq)
- [Share & Results](https://help.pointerpro.com/share-results?hsLang=en#main-content)

    - [Sharing your questionnaire](https://help.pointerpro.com/share-results?hsLang=en#sharing-your-questionnaire)
    - [View Results](https://help.pointerpro.com/share-results?hsLang=en#view-results)
    - [Results Dashboard](https://help.pointerpro.com/share-results?hsLang=en#results-dashboard)
    - [Uploading and Downloading Results](https://help.pointerpro.com/share-results?hsLang=en#uploading-and-downloading-results)
    - [FAQ](https://help.pointerpro.com/share-results?hsLang=en#faq)
- [Report Builder](https://help.pointerpro.com/report-builder?hsLang=en#main-content)

    - [General](https://help.pointerpro.com/report-builder?hsLang=en#general)
    - [Widgets](https://help.pointerpro.com/report-builder?hsLang=en#widgets)
    - [Aggregate Reports](https://help.pointerpro.com/report-builder?hsLang=en#aggregate-reports)
    - [FAQ](https://help.pointerpro.com/report-builder?hsLang=en#faq)
    - [Legacy Report Builder \[deprecated\]](https://help.pointerpro.com/report-builder?hsLang=en#legacy-report-builder-deprecated)
- [Dashboard Builder](https://help.pointerpro.com/dashboard-builder?hsLang=en#main-content)

    - [General](https://help.pointerpro.com/dashboard-builder?hsLang=en#general)
    - [Widgets items](https://help.pointerpro.com/dashboard-builder?hsLang=en#widgets-items)
- [Distribution Portal](https://help.pointerpro.com/distribution-portal?hsLang=en#main-content)

    - [Configuration](https://help.pointerpro.com/distribution-portal?hsLang=en#configuration)
- [Management & Administration](https://help.pointerpro.com/management-administration?hsLang=en#main-content)

    - [Account & Billing](https://help.pointerpro.com/management-administration?hsLang=en#account-billing)
    - [GDPR compliance](https://help.pointerpro.com/management-administration?hsLang=en#gdpr-compliance)
    - [FAQ](https://help.pointerpro.com/management-administration?hsLang=en#faq)

[![Pointerpro-logo](https://help.pointerpro.com/hs-fs/hubfs/Pointerpro-logo.png?width=140&height=39&name=Pointerpro-logo.png "Pointerpro-logo")](http://pointerpro.com)

Can't find what you're looking for? Contact us at [support@pointerpro.com](mailto:support@pointerpro.com)

<https://facebook.com/pointerpro> <https://twitter.com/pointerproapp> <https://www.linkedin.com/company/pointerpro/>

Copyright © 2026, Pointerpro