Skip to content

Signal Indicator

The Signal Indicator is a single-value visualization that displays a dynamic icon and label, styled according to defined value thresholds (steps).
You can configure icons, colors, animations, and actions on interaction to visually represent key metrics.

Use cases:

  • Monitoring KPI thresholds.
  • Highlighting real-time alerts or statuses.
  • Showing simple traffic-light or health signals.
  • Minimalistic scorecards.

βš™οΈ Setup

  1. Drag the Signal Indicator widget from the chart library onto your designer workspace.
  2. Select the chart.
  3. Go to the Widget Configuration tab in the Configuration panel.
  4. Under the Configuration panel tab, select the Basic Configuration option to access essential settings for the Signal Indicator.
  5. Select the Source from which the chart will fetch its data.
  6. Map:
    • Measure β€” Numeric value that determines the signal’s display.

πŸ“Š Basic Configuration

Configuration ItemDescription
SourceThe data source to query for the measure value.
MeasureNumeric value that drives the icon color, animation, and label.

🎨 Chart Customizations

CategoryOptions & Description
GeneralTheme, background, border, and interactivity options.
TitleChart title, font, alignment, and visibility settings.
SignalDefine value ranges (steps), colors, icons, icon rotation, scale, animations for values in/out of range, and the value label template.
TooltipCustomize on-hover text and styling.
ActionSet up actions to trigger when clicking the indicator (drilldowns, navigation, API calls, etc.).

πŸ“Š Example Visualization

signal indicator