Hides the crosshair of respective axis.

  • Chart should be rendered before you can use hide method.
  • hide method can be used to sync crosshair across multiple chart in a page.
  • If you interact with chart after hiding, crosshair shows up again. So, the hiding is not permanent.

var chart = new CanvasJS.Chart("container",
   axisX: {
     crosshair: {
       enabled: true


Try it Yourself by Editing the Code below.

In order to provide better support, we have closed the comments and switched completely to our Forums.
If you have any questions, please feel free to ask in our forums.