Masquer les axes et les quadrillages Highcharts

Question

J'essaie de masquer entièrement les axes et les lignes de grille de mon graphique Highcharts. Jusqu'à présent, j'ai essayé de fixer la largeur des lignes à 0, mais cela n'a pas fonctionné.

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

Est-il possible de désactiver globalement les lignes d'axe, les coches et les quadrillages pour créer un tracé "simple" ?

Answer 1

Il suffit d'ajouter

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

à la définition de l'axe x.

Depuis la version 4.1.9, vous pouvez simplement utiliser l'attribut axis visible :

xAxis: {
    visible: false,
}

Answer 2

Pour les yAxis vous aurez également besoin :

gridLineColor: 'transparent',

Answer 3

Si vous avez une version supérieure à v4.9 de Highcharts, vous pouvez utiliser visible: false en el xAxis y yAxis des paramètres.

Exemple :

$('#container').highcharts({

    chart: {
        type: 'column'
    },

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

    xAxis: {
        visible: false
    },

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

});

Answer 4

Vous pouvez également masquer le quadrillage sur l'axe des ordonnées comme :

yAxis:{ 
  gridLineWidth: 0,
  minorGridLineWidth: 0
}

Answer 5

J'ai réussi à éteindre le mien avec seulement

       lineColor: 'transparent',
       tickLength: 0