2017-08-30 184 views
0

我使用Recharts.js为我的网站创建图表。Xaxis上显示的滴答数量

我有一些自定义刻度,我正在使用的X轴,但只有几个实际显示时,图表呈现。

我搜索了文档,但我无法弄清楚什么控制了滴答的数量显示。

这是我的X轴代码:

<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> 
)} 

它产生这样的事情,只有一对夫妇蜱显示: Chart

有谁知道Recharts.js中控制呈现的刻度数的数值吗?

回答

0

我发现interval属性控制着呈现的刻度数。将其设置为0显示它们全部:像这样:

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