Recharts wordwrap x轴标签

Question

我想像这个demo一样自动换行长标签。 据说this PR支持它，但我无法使用

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

Answer 1

有一个由here完成的示例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>
  }
});