IP Girl
  1. IP Girl
  3. Comment masquer les valeurs de données des axes x
Intereting Posts
Comment contrôler le kernel sur lequel s’exécute un processus? Comment échapper à l’apostrophe (‘) dans MySql? Liste des fichiers JAR de dépendance dans Maven Échec de l’activation des contraintes. Une ou plusieurs lignes contiennent des valeurs en violation de contraintes non nulles, uniques ou de clé étrangère Comment puis-je obtenir chaque nième élément d’une liste ? Créer des lots dans linq Quel est le moyen suggéré pour installer brew, node.js, io.js, nvm, npm sur OS X? Comment puis-je améliorer l’apparence d’une application Android? Comment désactiver la sécurité du spring pour une URL particulière Comment remplacer le point (.) Dans une chaîne en Java Android comment convertir int en Ssortingng? Le moyen le plus rapide de mettre à zéro un tableau 2D en C? Comment renvoyer les données de PHP à un appel jQuery ajax Somme SQL avec condition Comment puis-je quitter les résultats de ‘git diff’ dans Git Bash sous Windows?

Comment masquer les valeurs de données des axes x

Je dessine un graphique à highchart.js utilisant highchart.js

Je ne veux pas afficher les valeurs de données sur l’axe des x.

Quelqu’un peut-il me dire quelle option le fait?
config complet: 

 var chart = new Highcharts.Chart({ chart: { renderTo: container, defaultSeriesType: 'bar' }, title: { text: null }, subtitle: { text: null }, xAxis: { categories: [''], title: { text: null }, labels: {enabled:true,y : 20, rotation: -45, align: 'right' } }, yAxis: { min: 0, gridLineWidth: 0, title: { text: '', align: 'high' } }, tooltip: { formatter: function () { return ''; } }, plotOptions: { bar: { dataLabels: { enabled: true }, pointWidth: 35, color: '#D9CDC1' } }, legend: { enabled: false }, credits: { enabled: false }, series: [{ name: 'Year 1800', data: [107] }] });

Dans HighCharts, les graphiques à barres utilisent des axes inversés, de sorte que l’axe inférieur est vraiment l’axe Y. (Voir aussi les graphes “colonne” où le graphique est pivoté de 90 degrés, auquel cas l’axe du bas est l’axe des X.)

Vous devez append les éléments suivants à la configuration yAxis 

 labels: { enabled: false }

Voir l’exemple suivant pour tout exemple: http://jsfiddle.net/k5yBj/433/

Pour masquer les étiquettes sur l’axe X, définissez les labels: {enabled:false} option labels: {enabled:false} comme ceci: 

  ..... ........ , xAxis: { categories: [''], title: { text: null }, labels: { enabled:false,//default is true y : 20, rotation: -45, align: 'right' } } ..... ....

Pour masquer les étiquettes sur l’axe des ordonnées, définissez les labels: {enabled:false} option labels: {enabled:false} comme ceci: 

 ..... ....... , yAxis: { min: 0, gridLineWidth: 0, title: { text: '', align: 'high' }, labels:{ enabled:false//default is true } }, ......... ......

Reportez-vous à la documentation pour une meilleure compréhension.

Si vous cachez des données x, alors regardez ce https://jsfiddle.net/anrilafosel/3g4z5kc3/ 

 chart.xAxis[0].setCategories(newCategories); for (i = 0; i < chart.series.length; i++) { var newData = []; for (j = 0; j < toggler_hc13.length; j++) if (toggler_hc13[j] === 1) newData.push(series_hc13[i].data[j]); chart.series[i].setData(newData); }

La réponse populaire ci-dessus cache uniquement les étiquettes, ce qui me laissait des marques de cocher que je souhaitais également supprimer.

Dans ce cas cela fonctionne bien 

  xAxis: { visible: false },

C’est une solution simple pour supprimer tout ce qui se trouve sur l’axe x / y pour toute personne intéressée. Pour plus d’informations, consultez ici https://api.highcharts.com/highcharts/xAxis.visible