• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.

Example of Multiple Axis in ASP.NET MVC Chart Control

This example shows how to use a chart's multiple axes to depict temperatures in both Celsius and Fahrenheit.


In this example, you can see how to render and configure multiple axes. Use an Axes collection to render a secondary axis in the chart that can be bound to a specific series using YAxisName and XAxisName properties in the series. You can also customize the secondary axis similar to the primary axis.

Tooltip is enabled in this example. To see the tooltip in action, hover over a data point or tap one on touch-enabled devices.

More information about the multiple axes can be found in this documentation section.