New to Kendo UI for Angular? Start a free 30-day trial

AxisDefaultsComponent

The default options for all Chart axes (see example). Accepts the options which are supported by categoryAxis, valueAxis, xAxis, and yAxis.

Selector

kendo-chart-axis-defaults

Inputs

NameTypeDefaultDescription

background

string

The background color of the axis.

color

string

The color to apply to all axis elements. Accepts a valid CSS color string, including HEX and RGB.

crosshair

AxisDefaultsCrosshair

The crosshair configuration options. The crosshair is displayed when the axisDefaults.crosshair.visible option is set to true.

labels

AxisDefaultsLabels

The configuration of the axis labels.

line

AxisLine

The configuration of the axis lines. Also affects the major and minor ticks, but not the grid lines.

majorGridLines

GridLines

The configuration of the major grid lines. These are the lines that are an extension of the major ticks through the body of the Chart.

majorTicks

AxisTicks

The configuration of the axis major ticks.

minorGridLines

GridLines

The configuration of the minor grid lines. These are the lines that are an extension of the minor ticks through the body of the Chart.

minorTicks

AxisTicks

The configuration of the axis minor ticks.

narrowRange

boolean

false

If set to true, the Chart prevents the axis range from snapping to zero. Setting it to false, forces the axis range to snap to zero.

pane

string

The name of the pane in which the axis has to be rendered. If not set, the axis will be rendered in the first (default) pane.

plotBands

PlotBand[]

The plot bands of the axis.

reverse

boolean

false

If set to true, the axis direction is reversed. By default, categories are listed from left to right and from bottom to top.

startAngle

number

90

The angle (degrees) of the first category on the axis. Angles increase clockwise with zero to the left. Negative values are acceptable.

title

AxisDefaultsTitle

The title configuration of the axis. To display the title, set the axisDefaults.title.text option.

visible

boolean

true

If set to true, the Chart displays the axis.

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.

item.notifyChanges({ visible: true });
Parameters

changes

any

An object containing the updated input fields.

In this article

Not finding the help you need?