New to Kendo UI for AngularStart a free 30-day trial

YAxisItemComponent

Represents the Kendo UI for Angular Chart Y Axis Item component (see example).

html
<kendo-chart>
 <kendo-chart-y-axis>
  <kendo-chart-y-axis-item color="indigo" [line]="{ width: 2 }">
  </kendo-chart-y-axis-item>
</kendo-chart-y-axis>
</kendo-chart>

Selector

kendo-chart-y-axis-item

Inputs

NameTypeDefaultDescription

axisCrossingValue

any

Specifies the value or array of values at which the axis crosses with another axis.

background

string

Specifies the background color of the axis.

baseUnit

BaseUnit

Specifies the base time unit for the axis.

categories?

any[]

Specifies the categories for the axis.

color

string

Specifies the color of the axis.

crosshair

YAxisCrosshair

Specifies the configuration of the crosshair.

labels

YAxisLabels

Specifies the configuration of the labels.

line

AxisLine

Specifies the configuration of the axis line.

majorGridLines

GridLines

Specifies the configuration of the major grid lines.

majorTicks

AxisTicks

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.

minorGridLines

GridLines

Specifies the configuration of the minor grid lines.

minorTicks

AxisTicks

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

false

Determines whether the Chart prevents the automatic axis range from snapping to zero. Set to false to force the automatic axis range to snap to zero.

notes

YAxisNotes

Specifies the configuration of the notes.

pane

string

Specifies the name of the pane that the axis renders in.

plotBands

PlotBand[]

Specifies the plot bands configuration.

reverse

boolean

false

Determines whether the value axis direction is reversed. By default, the values increase from left to right and from bottom to top.

title

YAxisTitle

Specifies the configuration of the title.

type

"date" | "numeric" | "log"

'numeric'

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.

When the series Y value is of the date type, the Chart automatically switches to a date axis. To avoid this behavior, set the type.

visible

boolean

true

Determines whether the Chart displays the Y axis. By default, the Y axis is visible.

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.

In this article
SelectorInputsMethods
Not finding the help you need?
Contact Support