const CustomizedAxisTick = ({ x, y, stroke, payload }) => (
<g transform={`translate(${x + delta},${y})`}>
<text x={0} y={0} dy={16} textAnchor="start" fill="#666">{payload.value}</text>
</g>
);
...
<XAxis dataKey="name" height={60} tick={<CustomizedAxisTick/>}/>
...