如何在RadlarChart的PolarAngleAxis中使用tickFormatter自定义刻度线?

时间:2017-10-31 11:16:16

标签: recharts

我希望雷达图显示带有自定义字体样式和定位的标签(就旋转而言)。 基本上我想减小字体大小并旋转文本,有些正文可以给我一个PolarAngleAxis中tickFormmater的例子。 `

`

2 个答案:

答案 0 :(得分:0)

要设置标签格式,您可以在

中使用tick={{ fontSize: 11 }}
<PolarAngleAxis tick={{ fontSize: 11 }} >

答案 1 :(得分:-4)

尝试此代码选项

<YAxis tickFormatter={this.customTickFormatter}/>

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

使用.custom-tick来应用字体,旋转css。