# Multiple Axes

FlexChart allows you to add secondary axes when you add multiple series to the chart. Learn more about the multiple axes used in FlexChart in MVC documentation.

## Content



FlexChart allows you to add secondary axes when you add multiple series to the chart. The scale of a secondary axis represents the values of its associated series. You can even change the [ChartType](/componentone/api/mvc/online-mvc/dotnet-framework-api/C1.Web.Mvc/C1.Web.Mvc.Chart.ChartType.html) of the associated series to easily identify the values plotted along the secondary axis.

The image below shows how multiple Y axes appear on the FlexChart.

![Showing multiple axes in FlexChart](https://cdn.mescius.io/document-site-files/images/2b3ac322-100e-4637-958d-fb40dcda3f44/images/chartmultipleaxes.png)

The following code example demonstrates how to add multiple Y axes to the FlexChart. This example uses the sample created in the [Mixed Charts](/componentone/docs/mvc/online-mvc/workwithcontrols/FlexChart/workwithflexchart/chartMixedCharts) section.

```razor
// Initialize FlexChart
@(Html.C1().FlexChart()
.Bind("Date", Model)
//Add Series to the chart
.Series(sers =>
  {
      //Add the first series
      sers.Add()
     .Binding("SalesInUSA")
     .Name("Sales in USA")
     .ChartType(C1.Web.Mvc.Chart.ChartType.Column)
     //Set Y axis position for the first series
     .AxisY(axis => axis.Position(C1.Web.Mvc.Chart.Position.Left));
      //Add the second series
      sers.Add()
     .Binding("SalesInJapan")
     .Name("Sales in Japan")
     .ChartType(C1.Web.Mvc.Chart.ChartType.Line)
     //Set Y axis position for the second series
     .AxisY(axis=>axis.Position(C1.Web.Mvc.Chart.Position.Right));
  })
)
```