Example of Axes Crossing in React Chart Component


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

More Details...


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.

Default value of crossesAt property is null. So, 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 smart axis labels can be found in this   documentation section.