Example of Axes Crossing in Angular Chart Component

This sample illustrates the interpolation of data points between linear and cubic using the spline and line series.

Spline InterpolationLinear InterpolationCubic Spline InterpolationData Points
Properties
Axis:
Crosses Value:
Placing Label Near to Axis Line:
Description

This sample demonstrates the axis crossing behavior in chart. Axis can be positioned anywhere in the chart area by using the crossesAt property of axis. This property specifies where the horizontal axis should intersect or cross the vertical axis and vice-versa.

You can use placeNextToAxisLine property to place the axis labels and ticks next to axis line. When there are multiple axes, you can choose an axis to cross by using crossesInAxis property. If the axis name is not valid, primaryXAxis or primaryYAxis will be used for crossing, by default.

More information on the axis crossing can be found in this documentation section.