Highcharts des étiquettes de données de chevauchement des colonnes
J'ai un problème avec les étiquettes de données qui se chevauchent colonnes de mon tableau.
$('#container').highcharts({
chart: {
type: 'column'
},
xAxis: {
type: 'datetime'
},
series: [{
data: [[Date.UTC(2013, 3, 1, 0, 0, 0), 169],
[Date.UTC(2013, 4, 1, 0, 0, 0), 176],
[Date.UTC(2013, 5, 1, 0, 0, 0), 470],
[Date.UTC(2013, 6, 1, 0, 0, 0), 346],
[Date.UTC(2013, 7, 1, 0, 0, 0), 252],
[Date.UTC(2013, 8, 1, 0, 0, 0), 138]],
dataLabels: {
enabled: true
}
}]
});
});
Vous pouvez voir un exemple ici: http://jsfiddle.net/J6WvR/1/
Mon tableau doit avoir une hauteur fixe et je ne comprends pas pourquoi la plus grande hauteur de la colonne ne peut pas être calculé pour tenir compte de son étiquette de données. Comment puis-je résoudre ce problème?
- Est-il nécessaire d'avoir une hauteur fixe? bcoz si vous supprimez la hauteur du récipient, il doit travailler.
Vous devez vous connecter pour publier un commentaire.
Selon la documentation officielle de l'API: propriété de dépassement
vous pouvez essayer de max pour l'axe des y,
calculer le maximum de valeur à partir de vos données et ajouter un peu de coussin 100 et le définir comme max pour l'axe des y
mise à jour de votre violon avec max pour ordonnée, http://jsfiddle.net/J6WvR/3/
espère que ce sera de l'utiliser pour vous
Une option consiste à déplacer la position des étiquettes. par exemple, cela vous permettra de déplacer à l'intérieur des barres:
http://jsfiddle.net/TBfLS/
Une alternative est de définir manuellement le max valeur de y pour faire de la place pour l'étiquette:
http://jsfiddle.net/2AhVT/
Nous espérons que l'une de ces options vous aider.
Un troisième (et probablement mieux) option a été posté par Ivan Chau.