recharts - 如何使用 PolarAngleAxis 中的 tickFormatter 为 RadarChart 自定义刻度？

Question

我希望雷达图显示具有自定义字体样式和方向（在旋转方面）的标签。基本上我想减小字体大小并旋转文本，有人能给我一个 PolarAngleAxis 中的 tickFormmater 的例子吗？`

`

Answer 1

要格式化标签，您可以tick={{ fontSize: 11 }}使用

<PolarAngleAxis tick={{ fontSize: 11 }} >

Answer 2

试试这个代码选项

<YAxis tickFormatter={this.customTickFormatter}/>

customTickFormatter(e){
//e holds the actual value
    return (<div className="custom-tick">
             e
            </div>)
  }

用于.custom-tick应用字体、旋转 css。