XAxisItemComponent
Represents the Kendo UI for Angular Chart X Axis Item component (see example).
Definition
Package:@progress/kendo-angular-charts
Selector:kendo-chart-x-axis-item
Syntax:
<kendo-chart>
<kendo-chart-x-axis>
<kendo-chart-x-axis-item>
<kendo-chart-x-axis-item-title text="X Axis Title"></kendo-chart-x-axis-item-title>
</kendo-chart-x-axis-item>
</kendo-chart-x-axis>
</kendo-chart>Inputs
Specifies the value or array of values at which the axis crosses with another axis.
background
string
Specifies the background color of the axis.
categories?
any[]
Specifies the categories for the axis.
color
string
Specifies the color of the axis.
Specifies the configuration of the crosshair.
Specifies the configuration of the labels.
Specifies the configuration of the major grid lines.
Specifies the configuration of the major ticks.
majorUnit
number
Specifies the interval between major divisions.
max
any
Specifies the maximum value of the axis.
min
any
Specifies the minimum value of the axis.
Specifies the configuration of the minor grid lines.
Specifies the configuration of the minor ticks.
minorUnit
number
Specifies the interval between minor divisions.
name
string
Specifies the unique name of the axis.
narrowRange
boolean
Determines whether the Chart prevents the automatic axis range from snapping to zero.
Specifies the configuration of the notes.
pane
string
Specifies the name of the pane that the axis renders in.
reverse
boolean
Determines whether the axis direction is reversed.
startAngle
number
Specifies the start angle for radar and polar axes.
Specifies the configuration of the title.
type
"date" | "numeric" | "log"
Specifies the axis type.
The options are numeric for a numeric axis, date for a specialized axis for displaying chronological data, and log for a logarithmic axis.
If the series X value is of the date type, the Chart automatically switches to a date axis.
To avoid this behavior, set the type.
'numeric'
visible
boolean
Determines whether the Chart displays the X axis. By default, the X axis is visible.
true
Specifies the first day of the week.
Methods
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.
An object containing the updated input fields.