How to not show the date so often

[Twalker]

I have a custom stock market indicator in a database table, with values for every five minutes for many months.  I would like to chart this data, but not have the date and the time displayed on every single point, because it becomes a mess, but just display the datetime a lessor number of times, so that they aren't writing over the top of each other, etc.

[Dharanidharan Dharmasivam]

Hi Daniel, 

Thanks for using Syncfusion product. 

We have analyzed your query. Since you have values for every five minutes for many months, you can use IntervalType as Months and also when the labels are overlapped, you can use LabelIntersectAction property. We have prepared sample with respect to your requirement. In the sample we have set Trim to LabelIntersectAction property, so that when the labels are overlapped, the labels will get trimmed. Kindly find the code snippet below, 

 

Code snippet: 

Code snippet: 

 

//... 

.PrimaryXAxis(pr => pr .IntervalType(ChartIntervalType.Months) 

.LabelIntersectAction(LabelIntersectAction.Trim)) 

//... 

 

 

Screenshot: 

 

For your reference we have attached the sample. Kindly find the sample from below link, 

Sample Link: https://www.syncfusion.com/downloads/support/forum/126199/ze/Axis_label_overlap-817135099  

For more details on LabelIntersectAction property, follow the link below, 

UG Link: https://help.syncfusion.com/js/api/ejchart#members:primaryxaxis-labelintersectaction  

 

Also the labels can be rotated by using labelRotation property. More details on labelRotation property can be found from following link, 

UG Link: https://help.syncfusion.com/js/api/ejchart#members:primaryxaxis-labelrotation  

Thanks, 

Dharani.