Gauge

Needle on a band scale. What the gauge is for, the data it needs and every option it has.

6 min read

On this page

Needle on a band scale. It sits in the Single value group of the widget library.

Example gauge on a BankSync dashboard
An example gauge drawn with sample data. Hover for values and switch between examples.

When to use it#

Use a gauge to show one number against a fixed scale, with coloured bands for good, warning and bad zones. For example, show budget used this month on a 0–100% dial, or savings rate against the bands you set.

When to pick something else#

  • Just the number, with a change from last period? Use a KPI.
  • Progress towards one goal? Use Progress, which takes less space.
  • One value with a target marker and ranges in a straight line? Use a Meter.
  • Several items each against their own goal? Use a Bullet chart.

The data it needs#

Pick these in the Data tab of the inspector. BankSync suggests a column for each when your source has an obvious match.

FieldNeededPickNotes
ValueYesa number

Each row is drawn as it is, so shape the rows first if you need totals. See Shaping data.

Gauge options#

Set these on the Style tab of the inspector. "Automatic" means BankSync picks a value from the chart's size and data.

OptionWhat it doesValuesNew charts start with
Value columnThe column the number comes from. Its values are added up into one number.Textvalue
MinimumThe value at the start of the dial.Number0
MaximumThe value at the end of the dial. Values beyond it pin the needle at the end.Number100
Dial shapeA half circle, a three-quarter arc (the default) or a full circle.Half, Three quarter, FullAutomatic
Dial thicknessThickness of the dial as a fraction of its radius (0 to 1). Values of 1 or more are read as pixels.Number, 0 to 1Automatic
Show valueWrite the current value in the middle of the dial. On by default.On or offAutomatic
Show scaleWrite the minimum and maximum at the ends of the dial. On by default.On or offAutomatic
Show needleDraw a needle pointing at the current value. On by default.On or offAutomatic
Needle colourColour of the needle.ColourAutomatic
UnitText added after the value and scale numbers, such as % or GB.TextAutomatic
Value sizeText size of the value, in pixels.NumberAutomatic
Value colourColour of the value text.ColourAutomatic

Needs history#

Show a note instead of the chart until the rows cover enough periods, so a first week never reads as a trend.

OptionWhat it doesValuesNew charts start with
Date fieldThe date column whose distinct periods are counted.TextAutomatic
PeriodWhat counts as one period: a day, week, month, quarter or year.Day, Week, Month, Quarter, YearAutomatic
Periods neededHow many distinct periods the rows must cover before the chart draws (2 to 60).Whole number, 2 to 60Automatic
Waiting messageShown until there is enough history. Leave empty for a message naming the periods.Text, up to 120 charactersAutomatic

Colour bands#

Coloured ranges along the dial, such as on track and over budget. Named bands also appear in a legend. Add as many as you need; each one has:

OptionWhat it doesValuesNew charts start with
Ends atThe value where this band ends. Each band starts where the previous one ended, or at the minimum.NumberAutomatic
Band colourColour of this band on the dial.ColourAutomatic
Band nameOptional name, such as "Over budget", shown in the legend and tooltip.TextAutomatic

Number format#

How the number is written: currency, percent, decimals and locale.

OptionWhat it doesValuesNew charts start with
FormatThe kind of number: plain, currency, percent, accounting, scientific, compact (1.2K), date, time or duration. Percent expects a fraction, so 0.25 shows 25%.Number, Currency, Percent, Accounting, Scientific, Compact, Date, Time, DurationAutomatic
LocaleLanguage and region for separators and symbols, such as en-US or en-AU. Defaults to en-US.TextAutomatic
CurrencyThree-letter currency code such as USD, AUD or EUR, or auto to use the currency most of the rows are in. Defaults to USD when neither this nor a currency column is set.TextAutomatic
Currency columnThe column that holds each row’s currency code, such as currency or isoCurrencyCode, for money in more than one currency. A total is shown in the currency most of its rows are in; when they mix currencies the code is written after the number, such as 1,234.50 AUD, and a KPI says the total adds different currencies. With no code in the rows, a plain number is shown rather than a guessed symbol.Text, up to 120 charactersAutomatic
Currency displayWrite the currency as its symbol, such as A$1,234.50 (the default), as its code after the number, such as 1,234.50 AUD, which reads the same in every country, or as the bare sign, such as $1,234.50. A dashboard whose money is all in its workspace’s currency uses the bare sign on its own.Symbol, Code, NarrowAutomatic
Decimal placesShow exactly this many digits after the decimal point.NumberAutomatic
SignWhen to show a plus or minus sign: automatically, always, for non-zero values only, or never.Auto, Always, Except zero, NeverAutomatic
Time zoneTime zone for date and time formats, such as Australia/Sydney. Leave empty for the viewer’s own.TextAutomatic

Shared chart styling#

Every chart also has the shared styling options. These apply to this one:

Messy data#

  • All rows are added into one value by default; pick another summary, such as latest, for a balance.
  • Rows without a number are skipped. If none has a number, the gauge shows its empty state instead of a false zero.
  • The scale runs from 0 to 100 unless you set a minimum and maximum. A value past either end fills the dial, shows the true figure and adds an "over" or "under" note. If the minimum equals the maximum you see "Set a maximum above the minimum".

On a phone#

Gauges get a 3-row cell on phones and the dial scales to fit; the end labels disappear when it gets small. A KPI is more compact if you only need the number.

Use this page with your AI assistant

Every BankSync doc is available as plain Markdown for agents and LLMs.