Hide axis label

• March 2, 2018 at 1:02 pm #19815
  
  9mthsnafter

  Hi,

  I am using this https://canvasjs.com/jquery-charts/column-chart/ . Is there anyway to hide the label, because I had about 22 bars to create for this chart. And the label unable to fit. I only want to remain the mouse over label.

  March 4, 2018 at 4:15 pm #19822
  
  Vishwas R

  @9mthsnafter,

  You can use labelFormatter to hide axis-labels. You can use tickLength and lineThickness to hide tick and axis-lines respectively. Below is the code-snippet.

  axisX:{
      gridThickness: 0,
      tickLength: 0,
      lineThickness: 0,
      labelFormatter: function(){
        return " ";
      }
    },
    axisY:{
      gridThickness: 0,
      tickLength: 0,
      lineThickness: 0,
      labelFormatter: function(){
        return " ";
      }
    },

  Please take a look at this JSFiddle for complete code.
  

  —
  Vishwas R
  Team CanvasJS

  October 31, 2018 at 5:53 am #23268
  
  elcollie

  Is it possible to hide the axis label but still display a crosshair label?

  I’ve forked your fiddle to include a crosshair but it seems the axis labelFormatter overrides the crosshair’s labelFormatter.

  http://jsfiddle.net/elcollie/5bn638gh/

  • This reply was modified 6 years ago by elcollie.
  October 31, 2018 at 12:41 pm #23273
  
  Vishwas R

  @elcollie,

  Thanks for reporting the use-case. We will look into the issue and fix it in future versions.

  To work-around this issue, you can set axis labelFontColor to “transparent” instead of using labelFormatter to hide the axis labels. Please take a look at this updated JSFiddle.

  

  —
  Vishwas R
  Team CanvasJS

  October 31, 2018 at 3:22 pm #23279
  
  elcollie

  Works like a charm!

  Thanks!

  August 3, 2020 at 6:41 pm #30493
  
  Vishwas R

  [UPDATE]

  We have just released v3.0 Beta-1 with this improvement. Please refer to the release blog for more information. Do download the latest version from download page & let us know your feedback.

  —
  Vishwas R
  Team CanvasJS