Label
笛卡尔坐标系中 "position" 的参数含义
极坐标系中 "position" 的参数含义
径向坐标系中 "position" 的参数含义
父组件
Label consumes context provided by these components:
Properties
anglenumberoptional
Text rotation angle in degrees. The text will be rotated around the (x, y) coordinates as the pivot point. Positive values rotate clockwise, negative values rotate counterclockwise.
默认值:
0childrenReactNodeoptional
The value of label can be set as children or as the
valueprop格式:
<Label>foo</Label>classNamestringoptional
contentReactNode | Functionoptional
If set a React element, the option is the custom react element of rendering label. If set a function, the function will be called to render label content.
格式:
<Label content={CustomizedLabel} /> const renderCustomLabel = (props) => <text {...props}>Custom Label</text>; <Label content={renderCustomLabel} />formatterFunctionoptional
The formatter function of label value which has only one parameter - the value of label.
idstringoptional
The unique id of this component, which will be used to generate unique clip path id internally. This props is suggested to be set in SSR.
indexnumberoptional
labelRefnull | React.RefObject<SVGTextElement>optional
offsetstring | numberoptional
The offset to the specified "position". Direction of the offset depends on the position.
默认值:
5parentViewBoxRequired<CartesianViewBox> | Required<PolarViewBox>optional
position"end" | "top" | "left" | "right" | "bottom" | "inside" | "outside" | "insideLeft" | "insideRight" | "insideTop" | "insideBottom" | "insideTopLeft" | "insideBottomLeft" | "insideTopRight" | "insideBottomRight" | "insideStart" | "insideEnd" | "center" | "centerTop" | "centerBottom" | "middle" | { x?: number | `${number}%` | undefined; y?: number | `${number}%` | undefined; }optional
The position of label relative to the view box.
默认值:
"middle"textBreakAllbooleanoptional
默认值:
falsevaluenull | string | number | false | trueoptional
The value of label can be set as children or as the
valueprop格式:
<Label value="foo" />viewBoxRequired<CartesianViewBox> | Required<PolarViewBox>optional
The box of viewing area. Used for positioning. If undefined, viewBox will be calculated based on surrounding context.
zIndexnumberoptional
默认值:
2000