• 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 DateTime Axis in ASP.NET MVC Chart Control

This sample demonstrates the rendering of date time axis in the chart with weather statistics analysis of Alaska for a year.

Source: www.yr.no

DateTime data is used in this sample and data values are represented using dataLabel. Date time axis uses date time scale and displays the date time values as axis labels. To render dateTime axis, set valueType in axis to DateTime. Format for the axis label will be calculated based on intervalType of axis or we can set the format through labelFormat property in axis.

More information on the DateTime axis can be found in this documentation section.