reactjs - 重新绘制自动换行 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>
  }
});