titlePadding: Number/Object

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

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

titlePadding 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: {
       title: "Axis X Title",
       titlePadding: {
            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