Numeric Axis
A numeric axis is used when plotting quantitative values where equal
intervals between numbers are required. It is commonly applied to
year‑based, measurement‑based, or statistical datasets.
In the Syncfusion Blazor Toolkit, numeric axes are enabled by setting the
ValueType property of an axis to
ValueType.Double. You can control the scale using
Minimum, Maximum, and Interval
properties, ensuring precise visualization of numeric trends.
Range
Range charts highlight value progression within a defined numeric axis,
making subtle variations easier to interpret across a limited scale.
In the Syncfusion Blazor Toolkit, this visualization is achieved using a
SplineArea series with explicit axis ranges.
Gradient fills can be applied using SVG definitions and referenced through
the Fill property for enhanced visual emphasis.
Range Padding
Range padding controls the spacing added before the minimum and after the
maximum values of an axis, helping prevent data points from rendering too
close to the Chart boundaries.
In the Syncfusion Blazor Toolkit, range padding is configured using the
RangePadding property of an axis. Supported options include
None, Normal, Round,
Additional, and Auto.
Label Format
Axis label formatting improves readability by displaying numeric values
in meaningful representations such as currency, percentages, or compact
notation.
In the Syncfusion Blazor Toolkit, label formatting is applied using the
LabelFormat property of an axis. This allows values to be
rendered using predefined or custom format strings, ensuring consistency
with business‑friendly data presentation standards.
Custom Label Format
Custom label formats allow numeric axis values to be displayed with
domain‑specific units or symbols, improving clarity and context.
In the Syncfusion Blazor Toolkit, this is achieved using the
LabelFormat property of an axis. You can embed tokens such as
{value} along with custom text (for example, units like °F)
to create precise, readable labels without altering the underlying data.