Advanced SparkLine #

Introduction #

The Advanced SparkLine is a compact yet powerful visualization component for displaying recent trends in dataset values. It supports both single and multiple sparkline charts, allows baseline comparison, advanced styling, inline grouping, and user interaction such as chart expansion and drilldown dialogs.

Features #

• Displays recent dataset values as compact sparkline charts
• Supports multiple sparkline charts in a single component or stacked layout
• Dynamic dataset fetching with support for loadConf or fixed time ranges
• Optional baselines, min/max lines, and range fills
• Interactive value labels with units and timestamp tooltips
• Advanced rendering with support for both raw and mapped values
• Drill-down to full Dataset Line Chart on double-click
• Visual cues for disconnected or missing data
• Optional chartsInOneBox mode for dense dashboard layouts

Display Modes #

• Single Chart – One sparkline with label
• Multiple Charts (Stacked) – Multiple sparklines shown vertically
• Multiple Charts (Inline) – Multiple sparklines rendered in one box, switchable by label

Use Cases #

• Monitoring latest sensor values in dashboards
• Comparing multiple metrics in a compact layout
• Embedding sparkline summaries in component headers or report cards
• Visualizing categorical or numerical data with recent trends
• Displaying status with min/max/baseline overlays

Configuration Highlights #

• dataset: Identifier of the dataset to visualize
• useLoadConf: Toggle between recent or load-config-driven time range
• multipleCharts: List of SparkLine configurations for multi-chart mode
• baseline, minLine, maxLine: Optional reference lines
• chartsInOneBox: Enable inline chart switcher with tabs
• advanced: Enables advanced rendering logic
• stringValueMapper: For mapping numeric values to readable strings

Example #

• Multiple, expanded all

• Multiple, titles in row

• Multiple, titles in dropdown

• Multiple, expanded one