Day of month axis label in chart

[J]

Hi,

I have a chart with category axis of type 'Date', base units are set to 'days'.

I wonder how to tell the chart to show labels in format of 'day of month', i.e. 'd' (reference), because if I use either

type: 'Date',
baseUnit: 'days',
labels: {
  dateFormats: {
    days: 'd',
  },
}

or

type: 'Date',
baseUnit: 'days',
labels: {
  format: 'd'
}

it shows me '06/29/2021' instead of '29'.

 

Thanks for any advice.

J

 

[Slavena]

Hi J,

Although combining the 'd' specifier with another one serves the requirement, it is not necessary. Since the formats take the {0: format} form, we could use the {0: d} option for this case. I have updated the Stackblitz demo correspondingly:

https://stackblitz.com/edit/angular-nsuajq-fbu2rf

I hope this helps. 

Regards,
Slavena
Progress Telerik

[J]

Hi Slavena,

the curly brackets with the '0' placeholder seem to be the right solution.
Thanks for your help.

J

[Slavena]

Hi J,

Thank you for the provided code snippets.

For more detailed information on formatting and parsing dates and numbers I would suggest referring to the following page from our documentation. In order to achieve the desired look of the Chart, the below formatting should be used:

<kendo-chart-category-axis-item [labels]="{ format: 'dd'}">

This approach is demonstrated in the Stackblitz demo below:

https://stackblitz.com/edit/angular-nsuajq

The different types of date formatting could be found in our public GitHub repository on Internationalization: 

https://github.com/telerik/kendo-intl/blob/develop/docs/date-formatting/index.md

I hope this helps. Let me know if i can provide further assistance on this case.

Regards,
Slavena
Progress Telerik

[J]

Hi

I forgot to mention that required output is day of a month in format 1-31, not 01-31.
Thanks for the links provided - the github one
https://github.com/telerik/kendo-intl/blob/master/docs/date-formatting/index.md
showed me exactly the same as I posted with exactly the same confusing output, because:

"The d specifier—Renders a short date pattern: "M/d/y" for en."
formatDate(new Date(2000, 10, 6), "d"); // 10/6/2000

"The "d" specifier—Renders the day of the month."
formatDate(new Date(2000, 0, 1), "y d"); // 2000 1

Am I right that for using the second case there must be some other specifier (in this case 'y') to make it working as expected? I'd like to have just the date number.

Thanks for response.
J