Comment puis-je définir un montant maximal de tiques dans un d3.svg.axe
J'ai le problème que les étiquettes de mes d3.svg.axis
sont parfois se chevauchent. À cet effet, je voudrais réduire le montant maximal des tiques et des étiquettes à un certain montant.
Je n'arrive pas à trouver une solution dans le La documentation de l'API.
Je ne peux pas utiliser axis.tickValues()
car la plage est dynamique et peut aller de quelques heures à plusieurs années.
J'ai essayé d'utiliser axis.ticks(9)
mais il ne semble pas avoir un effet. Vous pouvez voir un exemple sur bl.ocks.org/3181719.
- Ce qui s'est passé lorsque vous avez utilisé
ticks()
? Aussi, avez-vous pensé à utilisertickValues()
?
Vous devez vous connecter pour publier un commentaire.
L'une de ces deux devraient le faire pour vous. Il suffit de spécifier
axis.ticks(10)
pour spécifier le nombre de graduations ouaxis.tickValues([1,2,4])
pour spécifier la graduations qui doit apparaître.Puisque vous êtes à l'aide de dates, vous aurez besoin de faire quelque chose comme ceci:
Vous pouvez en savoir plus sur les intervalles de temps à https://github.com/mbostock/d3/wiki/Time-Intervals. Vous pouvez voir un exemple sur la façon dont je le fais à http://bl.ocks.org/1962173 pour mettre à jour les tiques en fonction de la durée de temps d'être montré.
axis.ticks()
mais ne semble pas fonctionner. J'ai mis à jour la question avec un exemple. Je ne peux pas utiliseraxis.tickValues()
car la plage est dynamique et peut aller de quelques heures à severa ans.