labelPadding: Number/Object

This property allows you to set the padding for crosshair label in axisX.

Default: 0
Example: 2, 4,… 
var  chart =  new  CanvasJS.Chart("container", {
 .
 .
 axisX: {
       crosshair: {
           enabled: true,
           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: {
       crosshair: {
           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