Trend
The Trend component is used to visually indicate the direction of a value compared to a base range. It provides a positive, zero, or negative indicator based on how the selected value compares against the defined range.
This component is particularly effective for showing performance direction in dashboards, such as whether metrics are improving, stable, or declining.
Best Situations to Use
Use the Trend component when you want to:
Show whether a KPI is above, within, or below a baseline range.
Provide quick directional feedback (positive, zero, negative) for key metrics.
Complement charts or KPIs with visual indicators of performance.
Highlight business-critical conditions such as growth, stagnation, or decline.
Not Recommended for:
Detailed numerical analysis (use tables or charts instead).
Multi-series trend comparisons (use line charts).
Properties
Background
Shadow: Enable or disable a shadow effect.
Shadow Color: Select the hue of the shadow.
Shadow Transparency: Adjust shadow opacity for subtle or strong depth.
General
Component Name: Assign a unique identifier.
Left / Top: Define placement on the dashboard canvas.
Height / Width: Set component dimensions.
Initial Visibility: Toggle whether the Trend is visible on the first preview.
Value Field: Specify the metric value to be evaluated.
Base Range: Define the reference range for comparison.
The component updates color and direction automatically based on this setting.
Variants
By adjusting the Value and Base Range, the Trend component supports three states:
Positive
Indicates the value is above the base range.
Commonly displayed in green or with an upward indicator.
Zero
Indicates the value is equal to the base range.
Commonly displayed in neutral colors (gray/blue).
Negative
Indicates the value is below the base range.
Commonly displayed in red or with a downward indicator.
Example Configurations
Sales Growth Trend: Compares current sales against last year’s baseline.
Utilization Trend: Evaluates resource utilization vs. target percentage.
Financial Performance Trend: Shows revenue movement compared to forecasted values.
Notes
Keep base range values meaningful (e.g., last year’s sales, budget, or average benchmark).
Use consistent color schemes across dashboards for intuitive interpretation (e.g., green = good, red = poor).
Pair the Trend component with KPIs, gauges, or tables for deeper insight.