Hide axis label

[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.

[Vishwas R]

@9mthsnafter,

You can use labelFormatter to hide axis-labels. Also you can use tickLength and lineThickness to hide tick and axis-lines respectively. Please take a look at this jsfiddle.

—
Vishwas R
Team CanvasJS

[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 1 year ago by  elcollie.

[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 as shown in this updated JSFiddle.

—
Vishwas R
Team CanvasJS

[elcollie]

Works like a charm!

Thanks!

[Author]

Posts