Faire de l'axe y fixe quel que soit le contenu de la carte

Question

J'utilise C3js pour tracer ce tableau

Graphique No 1.

sur l'axe des y, je

y: 
    tick: 
     values: [ 
     0 
     0.05 
     0.10 
     ] 
     format: d3.format('%') 

Lorsque la valeur de la première barre est inférieure à 10%, la marque de 10% sur l'axe des y ne s'affichera pas :(Je me rends compte que le contenu du graphique dicte la hauteur de l'axe Y.

Quand j'ai une valeur qui est supérieure à 10%, la marque sur les écrans de l'axe y

Tableau No 2.

Ce n'est pas le genre de comportement que je veux, je veux faire la Axe y fixe et indépendant sur la valeur de la barre. J'ai essayé le rembourrage du haut et ça a l'air vraiment moche et j'ai aussi essayé de lui donner une hauteur fixe qui ne marchait pas non plus. Il semble que l'axe des y dépend de la valeur de la barre.

Ma question est de savoir comment faire pour que l'axe y reste à une hauteur fixe du graphique n ° 2. et pour que la marque de 10% reste quelle que soit la valeur de la barre?

P.S La barre peut avoir un débordement caché, mais je veux que l'axe y soit intact. Merci.

Answer 1

Vous pouvez utiliser axis.y.max pour définir la valeur maximale de l'axe y et axis.y.tick.values pour définir les valeurs de graduation que vous souhaitez afficher sur l'axe y.

axis: { 
    y: { 
     max: 0.1, 
     tick: { 
      values: [0, 0.05, 0.1], 
      ... 

---

Fiddle - http://jsfiddle.net/q5z3j2yy/