Hide axis and gridlines Highcharts

Question

I am trying to hide the axis and gridlines of my Highcharts chart entirely. So far I have tried to set the width of the lines to 0, but it didn\'t work out.

Answer 1

i managed to turn off mine with just

       lineColor: 'transparent',
       tickLength: 0

Answer 2

you can also hide the gridline on yAxis as:

yAxis:{ 
  gridLineWidth: 0,
  minorGridLineWidth: 0
}

Answer 3

For the yAxis you'll also need:

gridLineColor: 'transparent',

Answer 4

This has always worked well for me:

yAxes: [{
         ticks: {
                 display: false;
                },

Answer 5

Just add

xAxis: {
   ...  
   lineWidth: 0,
   minorGridLineWidth: 0,
   lineColor: 'transparent',
   ...          
   labels: {
       enabled: false
   },
   minorTickLength: 0,
   tickLength: 0
}

to the xAxis definition.

Since Version 4.1.9 you can simply use the axis attribute visible:

xAxis: {
    visible: false,
}

Answer 6

If you doesn't want to touch the config object, you just hide the grid by css:

.chart-container .highcharts-grid {
   display: none;
}