labelPadding: Number/Object

This property allows you to set the padding for axisX labels.

Default: 0
Example: 2, 4,… 
var  chart =  new  CanvasJS.Chart("container", {
 .
 .
 axisX: {
       labelPadding: 2
 },
 .
 . 
});
chart.render();

labelPadding can also be an object containing top, right, bottom and left properties for different padding along top, right, bottom and left sides. respectively.

var  chart =  new  CanvasJS.Chart("container", {
 .
 .
 axisX: {
       labelPadding: {
            top: 1,
            right: 1,
            bottom: 2,
            left: 2
       }
 },
 .
 . 
});
chart.render();
Try Editing The Code

  Also See:    

If you have any questions, please feel free to ask in our forums.Ask Question