Dynamic entity metrics view
Displays live telemetry and latest data as a combined card-and-chart view, showing key metrics as compact value cards alongside a synchronized time-series chart — useful when you need at-a-glance latest readings and historical trends together in one widget.
Dynamic Cards and Chart
Displays live telemetry as a combined card-and-chart view — a scrollable column of metric cards next to a synchronized time-series chart — useful for dashboards that need both current readings and historical trends in a single widget.
Features
- Per-key toggle: show each telemetry key as a card, a chart series, or both
- Configurable icon per card, with independent icon color and background color
- Configurable value/units color per card
- Optional “last updated” timestamp per card, shown in 24-hour format
- Embedded native ThingsBoard time-series chart
Data Key Settings
Each data key added to the widget can be configured independently through its own Data Key Settings panel:
- Build chart for this key — plot this key as a series on the chart (default: on)
- Build card for this key — show this key as a metric card (default: on)
- Display last updated time — show a “last updated” label on the card (default: off)
- Value and units color — color applied to the card’s value and units text (default: black)
- Display icon — show an icon on the card (default: on)
- Icon — the icon shown on the card (default:
info) - Icon color — color of the icon (default: blue)
- Icon background — background color behind the icon (default: light blue)
A key can be set to build a card only, a chart series only, both, or neither — so the same widget instance can mix “headline” metrics (cards) with “trend” metrics (chart) from a single datasource.
Configuration Notes
- Add data keys via the widget’s Data tab; open each key’s settings (gear icon) to configure card/chart behavior as described above.
- Chart appearance (legend, axis labels, tooltip formatting, thresholds, etc.) is configured through the widget’s standard Appearance tab, identical to the native Time Series Chart widget.
Share Your Widget with the Community
Built a custom widget? Export it as a JSON from ThingsBoard and publish it to the IoT Hub through a simple 4-step wizard (Upload, Listing, Readme, Review & Submit). Share it with thousands of ThingsBoard developers worldwide and get featured in the catalog.