Ocultar ejes y líneas de división Highcharts


Answers

Para yAxis también necesitarás:

gridLineColor: 'transparent',

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"?




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

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



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
    }

});