Question

我正在使用Recharts.js为我的网站创建图表。

我有一些我用于X轴的自定义刻度，但在渲染图表时实际只显示了其中几个。

我搜索了文档，但我无法弄清楚控件显示的数量。

这是我的XAxis代码：

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

以下是Custom Tick的代码：

const CustomTick = (props) =>{

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

它生成这样的东西，其中只显示几个刻度： Chart

有谁知道Recharts.js中控制渲染的滴答数量的值是什么？

Answer 1

我发现interval属性控制了渲染的滴答数。将其设置为0显示全部：像这样：

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

Xaxis上显示的刻度数

1 个答案: