---
schema_version: "1"
id: e888b849a55236b043f66cb8631d45243a2bc7a0544a2c1390da863614e719ad
title: Gauge Charts
collection: developer
version: current
locale: en-us
portal_url: https://docs.salesforce.com/developer/current/en-us/platform/salesforce-pages-developers-guide/guides/pages/charting/pages-charting-appearance-gauge-charts.md
canonical_url: https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-charting-appearance-gauge-charts.html
source_site: developer.salesforce.com
content_type: documentation
content_hash: 407ce091fe34d3d9490f7fd94c23fe00b34ae16a7654652ac67ff6d47c12f126
products:
  - Visualforce Developer Guide
  - Platform Developer Content
---

# Gauge Charts

Gauge charts show a single measurement against a defined axis or scale. Although it charts a single number, you can vary the axis and chart colors to communicate what that number means.

Use the `minimum` and `maximum` attributes of the `<apex:axis>` tag to define the range of values. Use the `colorSet` attribute of the `<apex:gaugeSeries>` tag to indicate whether the current value is good or bad. Here’s a chart that indicates the metric is well within an acceptable range:

![Gauge Chart](https://developer.salesforce.com/media/salesforce-pages-developers-guide/pages_charting_gauge_chart.png)

```visualforce
<apex:chart height="250" width="450" animate="true" data="{!data}">
    <apex:axis type="Gauge" position="gauge" title="Transaction Load"
        minimum="0" maximum="100" steps="10"/>
    <apex:gaugeSeries dataField="data1" donut="50" colorSet="#78c953,#ddd"/>
</apex:chart>

```

**note:** Gauge charts don’t support legends or labels.

**See Also**  


-   [Chart Colors](https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-charting-appearance-colors.md)
-   [Chart Layout and Annotation](https://developer.salesforce.com/docs/platform/salesforce-pages-developers-guide/guide/pages-charting-appearance-layout.md)