ChartXAxis
Configures a horizontal X-axis for the chart, defining how categories, dates, or numeric values are displayed along the bottom or top of the chart. Provides comprehensive control over axis appearance, scaling, labeling, and positioning to create professional and readable data visualizations. Use this component to customize how horizontal data is presented, including category names, time periods, or numeric ranges.
Definition
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Syntax:
public class ChartXAxis : DataVizCollectionItemComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposableInheritance: objectComponentBaseDataVizChildComponentDataVizCollectionItemComponentChartXAxis
Implements:
Inherited Members
Constructors
public ChartXAxis()Methods
protected override void BuildRenderTree(RenderTreeBuilder __builder)Overrides:
protected override void OnInitialized()Overrides:
protected override void OnParametersSet()Overrides:
Properties
Value at which the Y axis crosses this axis. (Only for object)Value indices at which the Y axes cross the value axis. (Only for array)Date at which the Y axis crosses this axis. (Only for date)
[Parameter]
public object[] AxisCrossingValue { get; set; }The background color of the axis.
[Parameter]
public string Background { get; set; }The base time interval for the axis labels. The default baseUnit is determined automatically from the value range. Available options: milliseconds; seconds; minutes; hours; days; weeks; months or years.
[Parameter]
public string BaseUnit { get; set; }The category names. Applicable for charts with X and Y category axes (heatmap).
[Parameter]
public object[] Categories { get; set; }The content of the ChartXAxis component. Children: ChartXAxisLabels, ChartXAxisLine, ChartXAxisMajorGridLines, ChartXAxisMinorGridLines, ChartXAxisMajorTicks, ChartXAxisMinorTicks, ChartXAxisTitle, ChartXAxisPlotBands.
[Parameter]
public RenderFragment ChildContent { get; set; }The color of the axis. Accepts a valid CSS color string, including hex and rgb.
[Parameter]
public string Color { get; set; }The interval between major divisions. If this is a date axis the value represents the number of xAxis.baseUnits between major divisions. If the xAxis.type is set to "log", the majorUnit value will be used for the base of the logarithm.
[Parameter]
public double? MajorUnit { get; set; }The interval between minor divisions. It defaults to 1/5 of the xAxis.majorUnit. If the xAxis.type is set to "log", the minorUnit value represents the number of divisions between two major units and defaults to the major unit minus one.
[Parameter]
public double? MinorUnit { get; set; }The unique axis name. Used to associate a series with a x axis using the series.xAxis option.
[Parameter]
public string Name { get; set; }If set to true the chart will prevent the automatic axis range from snapping to 0. Setting it to false will force the automatic axis range to snap to 0.
[Parameter]
public bool? NarrowRange { get; set; }If set to true the value axis direction will be reversed. By default values increase from left to right and from bottom to top.
[Parameter]
public bool? Reverse { get; set; }The angle (degrees) where the 0 value is placed. Applicable to polar series.Angles increase counterclockwise and zero is to the right. Negative values are acceptable.
[Parameter]
public double? StartAngle { get; set; }The axis type.The supported values are: "numeric" - numeric axis.; "date" - specialized axis for displaying chronological data. or "log" - logarithmic axis..
[Parameter]
public string Type { get; set; }