Spark Line
A Sparkline Chart is a small, minimalist chart designed to show trends and patterns inline with text or tables. Unlike standard charts, Sparklines:
Do not include axes, legends, or titles.
Behave like inline elements, often embedded directly inside reports, dashboards, or data grids.
Provide quick, contextual insights into data evolution over time without requiring a full chart.
The main purpose of a Sparkline is to show trends in a compact form.
Best Situations to Use
Use a Sparkline chart when:
You need to show trends compactly alongside other data.
Embedding quick visualizations within tables, KPIs, or dashboards.
Providing context without taking up significant space.
Examples:
Showing revenue growth next to numeric KPIs.
Visualizing sales performance per region in a compact dashboard.
Displaying stock price trends in financial reports.
Variations
Sparklines support three types of visualizations:
Sparkline Line – Displays trends as a continuous line.
Sparkline Bar – Shows values as bars, with positive/negative differentiation.
Sparkline Tristate – Highlights three states (positive, negative, zero) for categorical comparisons.
Properties
General
Component Name – Auto-generated unique identifier.
Position (Left, Top) – Placement coordinates.
Height / Width – Chart dimensions.
Initial Visibility – Show/hide chart on load.
Type – Select Line, Bar, or Tristate.
Background & Styling
Gradient Rotation, Opacity, Gradient Colors – Customize background look.
Borders – Configure color, radius, and width.
Shadows – Add depth with color and transparency options.
Tooltip
Supported types: None, Default.
Customize tooltip background, border, opacity, font size, and box width.
Configure decimal precision for values.
Line Properties
Line Color – Define color of the line.
Fill Color – Fill area under line.
Opacity – Adjust transparency of fill.
Line Width – Set thickness of the line.
Spot Color – Define color of points on the line.
Min Spot Color / Max Spot Color – Highlight min/max values.
Highlight Spot/Line Color – Emphasize key points.
Spot Radius – Control size of data points.
Normal Range (Min/Max) – Define a range with shaded background.
Normal Range Color – Fill color for normal range.
Min/Max Data Label – Show labels for minimum and maximum values.
Bar Properties
Bar Spacing – Adjust spacing between bars.
Zero Axis – Show/hide baseline reference.
Positive Color – Bar color for positive values.
Negative Color – Bar color for negative values.
Zero Color – Color for zero values.
Auto Axis – Automatically adjust axis range.
Min Y-Axis Range – Define minimum range for consistent scaling.
Tristate Properties
Bar Spacing – Adjust spacing between bars.
Positive Color – Define color for positive values.
Negative Color – Define color for negative values.
Zero Color – Define color for zero values.
Formatter
Currency – Choose (CENT, EURO, INR, POUND, USD, YEN).
Position – Define prefix/suffix for currency symbols.
Number Formatter – Choose between Indian and International formatting.
Example Use Cases
Finance: Display inline revenue growth trends.
Sales: Show compact trends in KPIs or leaderboards.
Operations: Highlight process trends in dashboards.
Healthcare: Track small-scale patient vital sign changes.
Sample Data Setup:
Category Field: Tristate (state classification).
Series Field: Trend (numeric series values).
⚠️ Note:
Sparkline charts are best used for trend visualization rather than detailed analysis.