Bookmark and Share Share   

Dial Gauge

Dials, or angular gauges, display a single numeric data point in relation to a scale rendered in an arc. As with all Presto built-in gauge views, you can configure up to three gauges per view with one type of gauge or a mix of gauge types.



A set of repeating items with at least one field with numeric data.


element-click = user clicks on any of the graphic objects or areas that represent data in this chart

Mobile Compatibility


Configure This View

To configure a view with an angular gauge:

  1. Add a Gauge to This View

  2. Configure a Dial Gauge

  3. In the Customize Appearance tab, under Basic Options, enter the title for the entire view in the Caption property.

  4. If desired, add other gauges, up to three, to this view.

    Define how the gauges are stacked within the view in the Stack Gauges property under Basic Options in the Customize Appearance tab.

  5. Preview the view and once you are satisfied, save the view.

Add a Gauge to This View

  1. If needed, change the Select Repeating Element property to find the node that contains the field you want to display in the gauge. This is the parent element, not the actual field.

    the parent you select can be a repeating element in your data, but unlike many other views, a repeating element is not required. If you select a repeating element, only the value for the first repeating item is used.

  2. Drag the field that has the data you want to display in the gauge into the Select Columns area.

    each field that you select as a column defines one gauge for this view. You can have up to three gauges in a view.

Configure a Dial Gauge

Select the column with data for this dial and, at a minimum, complete the Column Properties:

  1. If needed, change the Chart Type to Angular Gauge.

  2. Define the scale and color range for this gauge in the Chart Range Tool.

    The scale defaults to 0-100, with color changes at 40 and 60 and looks like this:

    Gauge scales can be any range of contiguous numbers, negative or positive and can use integers or decimals as needed. The scale must have at least the lowest and highest numbers that you want to show.

    You define the number of colors that appear in the scale by how many intermediate numbers you include in the scale. With no intermediate numbers, the scale is one color. Add an intermediate number to change the scale color at that point.

    You can add numbers or remove numbers from the scale.

    • To add a new number to the scale, enter a number and click Add Range.

    • To remove a number, click on the number in the scale.

  3. Enter the title for this specific gauge as the Caption.

  4. If needed, add a prefix or suffix for all numeric labels for this chart.

    Common examples might be $ as the prefix or % as the suffix.

  5. Define the arc and direction for the dial for this gauge in the Gauge Start Angle and Gauge End Angle properties.

    By default, the arc of the scale is a semi-circle, starting from 0 up to 180 degrees. You can decrease or increase the arc by defining the degrees for the start and end points.

    The default direction for the dial is counter clock-wise. To change the direction use a higher degree as the start point and a lower degree as the end point.

    For example, with a start of 150 and an end of 30 the dial would look something like this:

  6. Use the Customize Appearance tab, if needed, to get the exact appearance you want.

  7. Preview the gauge, as needed.