Saltar al contenido

Ocultar ejes y líneas de cuadrícula Highcharts

Simón, parte de este equipo, nos ha hecho el favor de crear este post ya que conoce muy bien el tema.

Solución:

Solo agrega

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

a la definición del eje x.

Desde la versión 4.1.9, simplemente puede usar el eje attribute visible:

xAxis: 
    visible: false,

Para el yAxis también necesitarás:

gridLineColor: 'transparent',

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

Ejemplo:

$('#container').highcharts(

    chart: 
        type: 'column'
    ,

    title: 
        text: 'Highcharts axis visibility'
    ,

    xAxis: 
        visible: false
    ,

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

);

Sección de Reseñas y Valoraciones

Más adelante puedes encontrar las explicaciones de otros usuarios, tú además eres capaz dejar el tuyo si lo crees conveniente.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *