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

Example of DateTime Category Axis in ASP.NET MVC Chart Control

This sample illustrates sales of a product in business days. Data points in this sample are enhanced with tooltip.


In this sample, you can see how to render and configure the date time category axis. Date time category axis is used to represent only business days in datetime axis.

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

Injecting Module

Chart component features are segregated into individual feature-wise modules. For datetime category axis, you should inject DateTimeCategory module by using the Chart.Inject(DateTimeCategory)method.

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