ChartValueAxisLabels
Configures the appearance and behavior of labels displayed along the chart value axis. Provides comprehensive control over label styling, positioning, formatting, and rotation to ensure optimal readability and professional presentation. Use this component to customize how numeric values are displayed along the Y-axis, including formatting, spacing, and visual styling.
Definition
Namespace:Telerik.Blazor.Components
Assembly:Telerik.Blazor.dll
Syntax:
public class ChartValueAxisLabels : DataVizChildComponent, IComponent, IHandleEvent, IHandleAfterRender, IDisposableInheritance: objectComponentBaseDataVizChildComponentChartValueAxisLabels
Implements:
Inherited Members
Constructors
public ChartValueAxisLabels()Methods
protected override void BuildRenderTree(RenderTreeBuilder __builder)Overrides:
protected override void OnInitialized()Overrides:
protected override void OnParametersSet()Overrides:
Properties
The background color of the labels. Accepts a valid CSS color string, including hex and rgb.
[Parameter]
public string Background { get; set; }The content of the ChartValueAxisLabels component. Children: ChartValueAxisLabelsRotation, ChartValueAxisLabelsPadding, ChartValueAxisLabelsMargin, ChartValueAxisLabelsBorder.
[Parameter]
public RenderFragment ChildContent { get; set; }The text color of the labels. Accepts a valid CSS color string, including hex and rgb.
[Parameter]
public string Color { get; set; }The font style of the labels. Accepts a valid CSS color string, for example "20px 'Courier New'".
[Parameter]
public string Font { get; set; }The format used to display the labels. Uses kendo.format. Contains one placeholder ("{0}") which represents the category value.
[Parameter]
public string Format { get; set; }If set to true the chart will mirror the axis labels and ticks. If the labels are normally on the left side of the axis, mirroring the axis will render them to the right.
[Parameter]
public bool? Mirror { get; set; }Specifies the position of the labels.
[Parameter]
public ChartAxisLabelsPosition? Position { get; set; }The number of labels to skip. By default no labels are skipped.
[Parameter]
public double? Skip { get; set; }Label rendering step. Every n-th label is rendered where n is the step
[Parameter]
public double? Step { get; set; }The template which renders the labels.The fields which can be used in the template are: value - the value value.
[Parameter]
[Obsolete("\r\n The syntax with template literals, e.g. '#= dataItem.Value #' is now deprecated and will be removed in the future.\r\n You need to migrate to using the name of a JavaScript function that returns the value, e.g. Template='getTemplateValue'\r\n See https://www.telerik.com/blazor-ui/documentation/components/chart/labels-template-and-format#templates\r\n and https://www.telerik.com/blazor-ui/documentation/troubleshooting/csp#legacy-settings.\r\n ")]
public string Template { get; set; }