CategoryAxisRangeLabelsComponent

Represents the range labels configuration for the category axis in the Chart (see example).

Selector

kendo-chart-category-axis-item-range-labels

Inputs

Name	Type	Default	Description
background	string		Specifies the background color of the labels.
border	Border		Specifies the border configuration of the labels.
color	string		Sets the text color of the labels.
content	(e: AxisLabelContentArgs) => string		Specifies a function that creates the content of the label.
culture	string		Defines the culture info used for formatting the dates.
dateFormats	DateFormats		Specifies the format for different date parts.
font	string	'12px sans-serif'	Specifies the font style of the labels.
format	string	'{0}'	Specifies the format for displaying the labels. Uses the format method of IntlService. Contains one placeholder ("{0}") which represents the category value.
margin	number | Margin	0	Specifies the margin of the labels. A numeric value sets all margins.
mirror	boolean	false	Determines whether the Chart mirrors the axis labels and ticks. If the labels are normally on the left side of the axis, the mirroring of the axis renders them to the right.
padding	number | Padding	0	Specifies the padding of the labels. A numeric value sets all paddings.
position	AxisLabelsPosition	'onAxis'	Specifies the position of the axis labels. By default, the labels are positioned next to the axis.
rotation	number | "auto" | LabelRotation	0	Specifies the rotation angle of the labels. By default, the labels are not rotated. If the axis is horizontal, can be set to "auto". In this case, the labels are rotated only if the slot size is not sufficient for the entire labels.
skip	number	0	Specifies the number of labels to skip. By default, no labels are skipped.
step	number	1	Specifies the rendering step of the label—renders every nth label. By default, every label is rendered.
visible	boolean	true	Determines whether the Chart displays the category axis labels. By default, the category axis labels are visible.
visual	(e: AxisLabelVisualArgs) => Element		Specifies a function that creates a visual for the label.

Methods

notifyChanges
Updates the component fields with the specified values and refreshes the Chart. Use this method when the configuration values cannot be set through the template. ts item.notifyChanges({ visible: true });
Parameters changes any An object containing the updated input fields.