IP Girl
  1. IP Girl
  3. Masquer les axes et le quadrillage Highcharts
Intereting Posts
Afficher DialogFragment avec une animation croissante à partir d’un point Quel est le but du Intellij Commander? Outil en ligne de commande pour convertir PLIST en JSON? Mercurial: comment modifier le dernier commit? formulaire confirmer avant de soumettre gitignore tous les fichiers d’extension dans le répertoire Définir des variables d’environnement sur Mac OS X Lion Comment convertir le fond en transparent? div hover background-color change? Expressions régulières et GWT Utilisez JAXB pour créer un object à partir d’une chaîne XML Garder CMD ouvert après l’exécution du fichier BAT Membres privés dans CoffeeScript? Enregistrer par programme un récepteur de diffusion Visual Studio 2012 Le fichier de projet “” a été renommé ou n’est plus dans la solution

Masquer les axes et le quadrillage Highcharts

J’essaie de masquer entièrement l’axe et le quadrillage de mon graphique Highcharts. Jusqu’à présent, j’ai essayé de définir la largeur des lignes à 0, mais cela n’a pas fonctionné. 

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

Est-il possible de simplement désactiver globalement les lignes d’axe / les graduations et le quadrillage pour créer un tracé “simple”?

    Ajoutez simplement 

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

    à la définition de xAxis.

    Pour le yAxis vous aurez également besoin de:

    gridLineColor: 'transparent',

    Vous pouvez également masquer le quadrillage sur yAxis en tant que: 

     yAxis:{ gridLineWidth: 0, minorGridLineWidth: 0 }

    Si vous avez une version plus grande que la v4.9 de Highcharts, vous pouvez utiliser visible: false dans les parameters xAxis et yAxis .

    Exemple: 

     $('#container').highcharts({ chart: { type: 'column' }, title: { text: 'Highcharts axis visibility' }, xAxis: { visible: false }, yAxis: { title: { text: 'Fruit' }, visible: false } });

    j’ai réussi à éteindre le mien avec juste 

      lineColor: 'transparent', tickLength: 0

    Si vous ne voulez pas toucher l’object de configuration, vous n’avez qu’à masquer la grid par css: 

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

    Cela a toujours bien fonctionné pour moi: 

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