comment masquer highchart axe des abscisses les valeurs de données
je dessine un diagramme à barres en utilisant highchart.js
Je ne veux pas afficher les valeurs de l'axe des abscisses.
quelqu'un Peut-il me dire quelle option?
plein de config:
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]
}]
});
4 réponses
dans les diagrammes à barres, on utilise des axes inversés, de sorte que l'axe du bas est en fait l'axe Y. (Voir aussi les graphiques "colonne" où le graphique est rotatif de 90 degrés, auquel cas l'axe du bas est l'axe des X.)
vous devez ajouter ce qui suit à la configuration de yAxis
labels:
{
enabled: false
}
voir l'exemple suivant: http://jsfiddle.net/k5yBj/433/
pour masquer les étiquettes sur X-axis définir l'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 y définir l'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.
la réponse populaire ci-dessus ne cache que les étiquettes, cette marque de tique gauche pour moi que je voulais également enlever.
Dans ce cas, cela fonctionne bien
xAxis: {
visible: false
},
il s'agit d'une solution simple pour supprimer tout sur l'axe x/y pour toute personne intéressée. Pour de plus amples renseignements, veuillez consulter le site https://api.highcharts.com/highcharts/xAxis.visible
si vous cachez des données x, regardez ceci 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);
}