Accepted answer

The problem is not the gridLineWidth. You've set that correctly.

In addition you need to set the minorGridLineWidth that you have to set to 0

Working demo


for all other lines here is what worked for me, in some cases using line transparency as the color was the only solution I could find.

$(function() {                                                                                                                                               
    colors: ['#00f900', '#ffff3c', '#ff2600'],                                                                                                               
    credits: {                                                                                                                                               
      enabled: false                                                                                                                                         
    exporting: {                                                                                                                                             
      enabled: false                                                                                                                                         
    legend: {                                                                                                                                                
      itemDistance: 60                                                                                                                                       
    lineColor: 'red',                                                                                                                                        
    chart: {                                                                                                                                                 
      type: 'column',                                                                                                                                        
      backgroundColor: 'transparent'                                                                                                                         
    title: {                                                                                                                                                 
      text: ''                                                                                                                                               
    legend: {                                                                                                                                                
      itemStyle: {                                                                                                                                           
        color: 'white',                                                                                                                                      
        fontWeight: 'normal',                                                                                                                                
        fontFamily: 'helvetica',                                                                                                                             
        fontSize: '12px'                                                                                                                                     
// in js fiddle


you just need to gridLineWidth set to 0
yAxis: {
           categories: ["","Low","Medium","High"],
           tickWidth: 0,
           crosshair: false,
           lineWidth: 0,
           gridLineWidth:0,//Set this to zero
           title: '',
           labels: {
                       formatter: function () {
                           return this.value;labels
                       showEmpty: false


None of the mentioned solutions worked for me, so this one finally worked (taken from Sparklines examples:

yAxis: {
    startOnTick: false,
    endOnTick: false,
    tickPositions: [],


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

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

Related Query

More Query from same tag