Blazor Chart with Axis Crossing Example.

Charts / Chart Axes / Axis Crossing

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

Loading Syncfusion Blazor Server Demos…

Properties
Axis:
Crosses Value:
Label Near to Axis Line:

This sample demonstrates the axis-crossing behavior in a chart. The axis can be positioned anywhere in the chart area using the CrossesAt property of the axis, which specifies where the horizontal axis should intersect the vertical axis and vice-versa.

You can use the PlaceNextToAxisLine property to place the axis labels and ticks next to the axis line. If there are multiple axes, the cross-axis can be selected using the CrossesInAxis property.

Tooltip is enabled in this example. To see the tooltip in action, hover over a point or tap on a point in touch-enabled devices. More information about the axis crossing can be found in this documentation section.

Transform your Blazor web apps today with Syncfusion® Blazor components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE