score:156

Accepted answer

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,
}

score:-1

this has always worked well for me:

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

score:3

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

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

score:5

i managed to turn off mine with just

       linecolor: 'transparent',
       ticklength: 0

score:22

you can also hide the gridline on yaxis as:

yaxis:{ 
  gridlinewidth: 0,
  minorgridlinewidth: 0
}

score:28

if you have bigger version than v4.9 of highcharts you can use visible: false in the xaxis and yaxis settings.

example:

$('#container').highcharts({

    chart: {
        type: 'column'
    },

    title: {
        text: 'highcharts axis visibility'
    },

    xaxis: {
        visible: false
    },

    yaxis: {
        title: {
            text: 'fruit'
        },
        visible: false
    }

});

score:79

for the yaxis you'll also need:

gridlinecolor: 'transparent',


Related Query

More Query from same tag