Повторно отображает метку для переноса слов по оси X

Я хочу переносить по словам длинные ярлыки, как в этой демонстрации. Предположительно этот PR поддерживает его, но я не смог заставить его работать с

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

reactjs recharts
person Avery235    schedule 22.10.2017    source источник

Ответы (1)


arrow_upward
4
arrow_downward

Здесь есть пример , сделанный 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>
  }
});
person Jöcker    schedule 17.04.2020
comment
любой способ реализовать многоточие ... для слишком длинных текстов? - person NavinRaj Pandey; 17.12.2020