web-dev-qa-db-ja.com

RechartsはY軸の範囲を設定します

http://recharts.org/ を使用してY軸の範囲を設定する方法がわかりません

Y軸に、現在の60ではなく、範囲内に100を表示させたい。

Recharts

この特定のケースでは、Beliveコードの例は不要であるか、目的を満たします

reactjsrecharts
10
Mathias Asberg

OnYAxisコンポーネントは、ドメイン値を0から100（または任意の値）に設定します

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

このフィドルを確認してください リンク

DomainDEFAULT：[0、 'auto']

軸が数値軸の場合、軸のドメインを指定します。ドメインの長さは2である必要があり、ドメインの値を検証します。また、配列の各要素は、数値、「auto」、「dataMin」、「dataMax」、「dataMin-20」、「dataMax + 100」などの文字列、または単一の引数を受け入れて数値を返す関数にすることができます。ドメインのいずれかの要素が「自動」に設定されている場合、包括的な目盛りが計算され、軸の最終的なドメインが目盛りによって生成されます。

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