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
}