• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Multiple Axis in ASP.NET Core Chart Control

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

DEMO
SOURCE

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.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab