How to Customize the Category Axis in ASP.NET Core Charts

Learn how to customize the category axis of Syncfusion ASP.NET Core Charts easily. This video also shows you how to add a title, customize the label of the category axis, and render an indexed category axis.

The ASP.NET Core Charts is a well-crafted charting component to visualize data. It contains a rich UI gallery of 50+ Charts and Graphs, ranging from line to financial, that cater to all charting scenarios. Its high performance helps render large amounts of data quickly. It also includes features such as zooming, panning, tooltips, crosshairs, trackball, highlight, and selection. This video shows how to configure a chart with a title, legends, data labels, and tooltips.

The category axis in a chart is used to display and categorize data points along the horizontal axis based on distinct categories or groups. You can use the category axis to represent string values instead of numbers in the chart. To use the category axis, set the ValueType in the axis to Category.

In this video, the category axis on the X-axis represents string values instead of numbers. By default, category labels are placed between the ticks on an axis. These can also be placed on ticks using the labelPlacement property. The range of the category axis can be customized using minimum, maximum, and interval properties. It can also be rendered based on the index values of the data source by setting the isIndexed property to true.

When axis labels overlap, use the labelIntersectAction property to place them smartly. By default, axis labels can be placed outside and inside the axis line using the labelPosition property. The labelStyle property provides options to customize the color, font-family, font-size, and font-weight of the axis labels.

Tutorial video: https://www.syncfusion.com/tutorial-v...

Download an example from GitHub:
https://github.com/SyncfusionExamples...

Refer to the documentation for the category axis in the Syncfusion ASP.NET Core Charts control:
https://ej2.syncfusion.com/aspnetcore...

Refer to the documentation for axis labels in the Syncfusion ASP.NET Core Charts control:
https://ej2.syncfusion.com/aspnetcore...

Check out this online example Category Axis in ASP.NET Core Chart control:
https://ej2.syncfusion.com/aspnetcore...

The ASP.NET Core Charts Getting Started video:
   • Getting Started with the ASP.NET Core...  

TRIAL LICENSE KEY
-------------------------
If you need a trial license key, start an ASP.NET Core trial from your Syncfusion account and then obtain a trial license key from the downloads page: https://www.syncfusion.com/account/ma...

Check if you are eligible for a free license for all Essential Studio products on our Community License page: https://www.syncfusion.com/products/c...

BOOKMARK DETAILS
----------------------------
[00:00] Introduction
[01:05] Add a category axis
[01:44] Set an axis title
[02:20] Set custom labels for the x-axis
[03:12] Set custom label intervals for the x-axis
[03:41] Position the axis labels
[05:01] Add indexed category axis

ASP.NET CORE CHARTS
----------------------------
Product overview: https://www.syncfusion.com/aspnet-cor...
Documentation: https://ej2.syncfusion.com/aspnetcore...
Online examples: https://ej2.syncfusion.com/aspnetcore...
Download free trial: https://www.syncfusion.com/downloads/...
NuGet package: https://www.nuget.org/packages/Syncfu...

SUBSCRIBE
-------------
Syncfusion on YouTube:    / syncfusioninc  
Sign up to receive email updates: https://www.syncfusion.com/account/em...

SOCIAL COMMUNITIES
-----------------------------
Facebook:   / syncfusion  
Twitter:   / syncfusion  
LinkedIn:   / syncfusion  
Instagram:   / syncfusionofficial  

#aspnetcore #charts #axis