Xaxisに表示された目盛りの数

Question

私はRecharts.jsを使用して自分のウェブサイトの図表を作成しています。

私はX軸に使用しているカスタムチックを持っていますが、チャートがレンダリングされるときに実際に表示されるのは2つだけです。

ドキュメントを検索しましたが、表示されたティック数を制御するものがわかりません。

<XAxis name="city" dataKey="format" tick={<CustomTick/>}/> 

そして、ここにあるカスタムティックのコード：

const CustomTick = (props) =>{ 

return(
    <g transform={`translate(${props.x},${props.y})`}> 
     <text textAnchor="end" fontSize={12} transform="rotate(-90)" >{props.payload.value}</text> 
    </g> 
)} 

それはこのような何かを生成し、ダニの夫婦のみが示され

この

は私のx軸のコードです： Chart

レンダリングされたチックの数を制御するRecharts.jsの値を知っている人はいますか？

Answer 1

インターバルプロパティがレンダリングされたティックの数を制御していることがわかりました。 0に設定すると、すべてが表示されます。このように：

<XAxis interval={0} name="city" dataKey="format" tick={<CustomTick />}/>