Comment voulez-vous augmenter la hauteur de l'axe des x zone étiquettes sur un highchart.js le graphique?
J'ai une simple ligne graphique créé par highcharts.js. J'ai beaucoup de marques de graduation sur l'axe x (30), j'ai donc mis échelonner de 2 traiter avec les marques qui se chevauchent les uns les autres à l'horizontale. Cependant, la ligne inférieure de l'axe des x étiquettes de graduation est coupée par l'extrémité de la carte.
N'importe quelle taille je fais le graphique la ligne inférieure de l'axe des x de marque de graduation des étiquettes est coupée. Comment puis-je augmenter la hauteur de cette zone pour résoudre ce problème? Ou est-il une autre méthode?
month_chart = new Highcharts.Chart({
chart: {
borderRadius: 0,
height: chart_height,
marginRight: 30,
marginBottom: 25,
renderTo: 'leads-by-month',
type: 'line',
},
title: {
text: 'Past 30 Days',
},
xAxis: {
categories: [<?php print $bymonth_categories; ?>],
labels: {
staggerLines: 2,
},
},
yAxis: {
title: {
text: 'Leads',
style: {color: '#3d3e41', }
},
plotLines: [{
value: 0,
width: 1,
color: '#808080'
}],
min: 0,
},
plotOptions: {
line: {
color: '#578df1',
dataLabels: {
enabled: true,
color: '#3d3e41',
},
enableMouseTracking: false
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'top',
x: -100,
y: 74,
floating: true,
borderWidth: 1,
backgroundColor: '#FFFFFF',
shadow: true
},
series: [{
name: '<?php print $organization['name']; ?>',
data: [<?php print $bymonth_data; ?>]
}]
});
Vous devez vous connecter pour publier un commentaire.
Juste remonter les marginBottom option. La valeur par défaut est de 70 qui devrait être beaucoup pour les 2 lignes d'étiquettes de graduation, vous avez mis à de 25 qui ne l'est pas.