Articles in this section
Category / Section

How to make axis labels to display on month intervals in date-time axis

1 min read

In the HeatMap chart, using the showLabelOn property, it is possible to display the axis labels exactly on specific time intervals in date-time axis. The following are the axis label display types available in the HeatMap chart:

  • None: Displays axis labels for each data point in the axis.
  • Years: Displays axis labels at every year interval.
  • Months: Displays axis labels at every month interval.
  • Days: Displays axis labels at each day interval in the date-time axis.
  • Hours: Displays axis labels for every hour.

The following code snippet explains how to define the axis label display type for the heatmap axis.

var heatmap = new ej2_heatmap_1.HeatMap({
        xAxis: {
            showLabelOn: 'Months',
            labelFormat: 'MMM/dd',
            labelIntersectAction: 'Rotate45'
        },
    }, '#element');

 

The following screenshot depicts a HeatMap chart defined with showLabelOn property as month for x-axis.

HeatMap Chart-month for x-axis

Refer to the sample link for more details.

 

 

 

Did you find this information helpful?
Yes
No
Help us improve this page
Please provide feedback or comments
Comments (0)
Please  to leave a comment
Access denied
Access denied