Gauge

Description

Displays a gauge indicating the current source value.

OPTIONS

  • Title (String)
    • Title of gauge
  • Varient (Option)
    • Indicator, a gauge with a background that fills as a value changes
    • Segmented, a gauge with multiple segments of background. Commonly used to distinguish thresholds.
  • Gauge Value
    • Incoming data format
      • Int
  • Units (String)
    • Units to be displayed
  • Minimum (Int)
    • Minimum gauge value
  • Maximum (Int)
    • Maximum gauge value
  • Title Color (CSS Qualified Color)
  • Gauge Background
    • Indicator Gauge
      • The background of the non-filled gauge(CSS Qualified Color)
    • Segmented Gauge
      • An array of gauge percent shares with respective colors
      • Total of all shares must equal 1
      • Default if left blank: [ {"share": 0.40, "color": "#569922"}, {"share": 0.25, "color": "#FFF131"}, {"share": 0.25, "color": "#CC5C2F"}, {"share": 0.10, "color": "#AA3224"} ]
  • Filled Gauge Color (CSS Qualified Color)
    • Filled portion of gauge when an indicator variant
  • Needle Color (CSS Qualified color)
    • Color of indicator needle
  • Label Color (CSS Qualified Color)
    • Colors of current value display and min/max labels

CSS Qualified Color

  • Hex
    • #CCCCCC
  • RGB
    • rgb(255,255,255)
  • RGBA
    • rgba(255,255,255,1)