plotlines - Ocultar ejes y líneas de división Highcharts

plotlines highcharts

Question

Intento ocultar por completo el eje y la cuadrícula de mi tabla de Highcharts. Hasta ahora he tratado de establecer el ancho de las líneas a 0, pero no funcionó.

xAxis: {
  lineWidth: 0,
  minorGridLineWidth: 0,
  lineColor: ''transparent''
}

¿Es posible desactivar globalmente las líneas de los ejes / tics y las líneas de la cuadrícula para crear un trazado "simple"?

Answer 1

Esto siempre me ha funcionado bien:

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

Answer 2

Para yAxis también necesitarás:

gridLineColor: ''transparent'',

Answer 3

Si no quiere tocar el objeto config, simplemente oculta la cuadrícula por css:

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

Answer 4

Si tiene una versión más grande que la v4.9 de Highcharts, puede usar visible: false en las configuraciones xAxis y yAxis .

Ejemplo:

$(''#container'').highcharts({

    chart: {
        type: ''column''
    },

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

    xAxis: {
        visible: false
    },

    yAxis: {
        title: {
            text: ''Fruit''
        },
        visible: false
    }

});

Answer 5

Solo agrega

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

a la definición xAxis.

Answer 6

logré apagar el mío con solo

       lineColor: ''transparent'',
       tickLength: 0

Answer 7

también puedes ocultar la línea de la cuadrícula en y eje como:

yAxis:{ 
  gridLineWidth: 0,
  minorGridLineWidth: 0
}