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
- Drag the Signal Indicator widget from the chart library onto your designer workspace.
- Select the chart.
- Go to the Widget Configuration tab in the Configuration panel.
- Under the Configuration panel tab, select the Basic Configuration option to access essential settings for the Signal Indicator.
- Select the Source from which the chart will fetch its data.
- Map:
- Measure — Numeric value that determines the signal’s display.
📊 Basic Configuration
| Configuration Item | Description |
|---|---|
| Source | The data source to query for the measure value. |
| Measure | Numeric value that drives the icon color, animation, and label. |
🎨 Chart Customizations
| Category | Options & Description |
|---|---|
| General | Theme, background, border, and interactivity options. |
| Title | Chart title, font, alignment, and visibility settings. |
| Signal | Define value ranges (steps), colors, icons, icon rotation, scale, animations for values in/out of range, and the value label template. |
| Tooltip | Customize on-hover text and styling. |
| Action | Set up actions to trigger when clicking the indicator (drilldowns, navigation, API calls, etc.). |
📊 Example Visualization
