web-dev-qa-db-fra.com

Recharge la plage de l'axe Y

Impossible de comprendre comment définir la plage de l'axe Y à l'aide de http://recharts.org/

Vous voulez que l'axe Y affiche 100 dans sa plage au lieu de 60 actuellement.

Recharts

L'exemple de code Belive n'est pas nécessaire ou remplit le but dans ce cas spécifique

10
Mathias Asberg

Sur le composant YAxis définissez la valeur de domaine de 0 à 100 (ou tout ce que vous voulez)

 <YAxis type="number" domain={[0, 20000]}/>

Vérifiez ce violon Lien

Domaine PAR DÉFAUT: [0, 'auto']

Spécifiez le domaine de l'axe lorsque l'axe est un axe numérique. La longueur du domaine doit être de 2, et nous validerons les valeurs dans le domaine. Et chaque élément du tableau peut être un nombre, 'auto', 'dataMin', 'dataMax', une chaîne comme 'dataMin - 20', 'dataMax + 100', ou une fonction qui accepte un seul argument et renvoie un nombre . Si un élément du domaine est défini sur "auto", des graduations d'échelle compréhensibles seront calculées et le domaine final de l'axe est généré par les graduations.

FORMAT:

<YAxis type="number" domain={['dataMin', 'dataMax']} />
<YAxis type="number" domain={[0, 'dataMax']} />
<YAxis type="number" domain={['auto', 'auto']} />
<YAxis type="number" domain={[0, 'dataMax + 1000']} />
<YAxis type="number" domain={['dataMin - 100', 'dataMax + 100']} />
<YAxis type="number" domain={[dataMin => (0 - Math.abs(dataMin)), dataMax => (dataMax * 2)]} />
17
Gautam Naik