Example of Multi-Axis Combination Chart in ASP.NET MVC Chart Control

This example visualizes monthly global climate signals during 2025 using temperature anomaly, atmospheric CO₂, and Arctic sea ice extent data. Multiple axes compare measurements with different units and value ranges in a single chart.

DEMO
SOURCE

The chart demonstrates how unrelated datasets with different value ranges can be plotted together for a unified view of climate signals.

  • An area series for Arctic sea ice extent on the outer-right Y axis.
  • A line series for temperature anomalies on the primary Y axis.
  • A spline series for atmospheric CO₂ on the inner-right Y axis.
  • Distinct color-coded axes, labels, and legends for each measurement.
  • Annotations highlighting the temperature anomaly peak, seasonal CO₂ peak, and annual sea ice minimum.

Tooltip and Crosshair are enabled. Hover over a point or tap one on a touch-enabled device to display the shared tooltip.

More information about multiple axes can be found in this documentation section opens in a new tab.

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