Kendo Chart Date Format

1 Answer 53 Views
Charts
viraj
Top achievements
Rank 1
viraj asked on 12 Jan 2023, 02:24 PM

Can we achieve the same functionalites of date in the kendo chart.

The first pic(Apex chart(pic 1).) is from apex chart in which we can get the data arranged in a proper format,and when the dates increase the apex chart gives all the dates arranging it in proper manner.for example when it has 30 dates for that it gives the dates arranged in 12 colums.

and when click on year it gives 12 months with all the data arranged in proper format of 12 colums(months).

how can I achieve this in kendo chart

 

1 Answer, 1 is accepted

Sort by
0
Slavena
Telerik team
answered on 17 Jan 2023, 08:27 AM

Hi Viraj,

Thank you for the provided details and screenshots.

In order to alter the format of the Chart labels I would suggest setting the labels property of the CategoryAxisItemComponent and providing the desired format. For more detailed information on formatting and parsing dates and numbers I would suggest referring to the following page from our documentation. The desired look of the component could be achieved by utilizing the 'dd MMM' and 'MMM' formats.

Here is an example that demonstrates both formats in action:

https://stackblitz.com/edit/angular-nsuajq-qeqhyb?file=app%2Fapp.component.ts

I hope this helps. Let me know if any further questions come up on this case.

Regards,
Slavena
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Charts
Asked by
viraj
Top achievements
Rank 1
Answers by
Slavena
Telerik team
Share this question
or