An axis is composed of several elements, such as labels, line, tick marks and titles. There are several properties available in FlexChart that let you customize these elements, for both X and Y axes. You can even change the position of the axes with the help of Position property.

The image below shows a FlexChart with customized axes.

The following code example demonstrates how to set this property. This example uses the sample created in the Quick Start section.

.AxisY(axis => axis
       .Position(C1.Web.Mvc.Chart.Position.Right)
       .MajorGrid(true).MajorUnit(20)
       .AxisLine(true)
       .Labels(true)
       .Title("Sales in Dollars")
    )
.AxisX(axis=>axis
       .Position(C1.Web.Mvc.Chart.Position.Top)
       .AxisLine(true)
       .MajorGrid(true)
       .MajorUnit(20)
       .MinorGrid(true)
       .Labels(true)     
       .Title("Date")
       .Format("MMM-dd")
    )