Recharts 自动换行 x 轴标签

Question

我想在这个演示中对长标签进行自动换行。据说这个 PR支持它，但我无法使用它

<XAxis dataKey="name" interval={0} width={30} label={<Text width={30} />} />

Answer 1

这里有一个由lisamartin00完成的示例

她使用了自定义轴刻度：

const CustomizedAxisTick = React.createClass({
  render () {
    const {x, y, payload} = this.props;

    return <Text x={x} y={y} width={75} textAnchor="middle" verticalAnchor="start">{payload.value}</Text>
  }
});