API - 极坐标系组件 - PolarRadiusAxis - 《Recharts 开发者手册》

PolarRadiusAxis

PolarRadiusAxis

父组件

子组件

<Label />

Properties

angle Number

径向轴的角度。

默认值：0

type 'number' | 'category'

半径轴的类型：数值轴、类目轴。

默认值：'category'

allowDuplicatedCategory Boolean

是否允许类目轴有重复的类目。

默认值：true

cx Number

圆心的 x 坐标。

cy Number

圆心的 y 坐标。

domain Array

通过这个配置可以指定径向轴刻度函数的定义域。这个配置是一个二元数组，数组中的元素可以是一个数值，"auto", "dataMin", "dataMax" 或者类似于"dataMin - 100", "dataMax + 200"这样的字符串。如果任意元素的取值为"auto"，我们会生成可读性高的刻度，并且保证设置的刻度数。

默认值：[0, 'auto']

格式：

<PolarRadiusAxis domain={['dataMin', 'dataMax']} />
<PolarRadiusAxis domain={[0, 'dataMax']} />
<PolarRadiusAxis domain={['auto', 'auto']} />

label String | Number | ReactElement | Function optional

当值为简单类型的数值或者字符串时，这个值会被渲染成文字标签。当值为 React element，会克隆这个元素来渲染文字标签。

orientation "left" | "right" | "middle"

径向轴的位置：左侧、右侧、中间。

默认值：right

axisLine Bool | Object

刻度线配置。当值为 false 时，不绘制刻度线。当值为对象类型时，会把这个对象解析成刻度线的属性配置。

默认值：true

tick Bool | Object | Element | Function

刻度配置。当值为 false 时，不绘制刻度。当值为对象类型时，会把这个对象解析成刻度的属性配置。当值为 React element，会克隆这个元素来渲染刻度。

默认值：true

tickFormatter Function

刻度的格式化函数。

tickCount Number

刻度数。如果'type'是'category'，则不使用。

默认值：5

scale 'auto' | 'linear' | 'pow' | 'sqrt' | 'log' | 'identity' | 'time' | 'band' | 'point' | 'ordinal' | 'quantile' | 'quantize' | 'utc' | 'sequential' | 'threshold' | Function

当值为 "auto" 时，会根据图表类型来生成 scale 函数，也可以传入自定义的函数作为 scale 函数。

默认值：auto

格式：

<PolarRadiusAxis scale="log" />
import { scaleLog } from 'd3-scale';
const scale = scaleLog() .base(Math.E) ;
...
<PolarRadiusAxis scale={scale} />
...