Recharts

Curve

相关链接

Line that animates opacity

baseLineArray<NullableCoordinate> | numberoptional
Baseline of the area:
- number: uses the corresponding axis value as a flat baseline;
- an array of coordinates: describes a custom baseline path.
childrenReactNodeoptional
classNamestringoptional
connectNullsbooleanoptional
Whether to connect the curve across null points.
默认值：false
示例：
- LineChart with connectNull true and false
- AreaChart with connectNull true and false
dangerouslySetInnerHTMLObjectoptional
fillRechartsFill | stringoptional
The fill of the curve. Recharts renders the definition with a unique ID. Set the color of the fill object: there is no theme color to fall back to.
Recharts 自 3.11
格式：
```
<Curve fill={{ color: 'blue', definition: pattern(patterns.diagonal) }} />
```
layout"centric" | "horizontal" | "radial" | "vertical"optional
This option affects the interpolation algorithm when the type prop is set to 'monotone'. It also specifies the type of baseline when the curve is closed.
pathstringoptional
pathRefFunction | React.RefObject<SVGPathElement> | nulloptional
pointsArray<NullableCoordinate>optional
The coordinates of all the points in the curve, like an array of objects with x and y coordinates.
strokeDasharraynumber | stringoptional
The pattern of dashes and gaps used to paint the line.
格式：
```
strokeDasharray="5 5"
strokeDasharray={10}
```
示例：
- https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/stroke-dasharray
type"basis" | "basisClosed" | "basisOpen" | "bump" | "bumpX" | "bumpY" | "linear" | "linearClosed" | "monotone" | "monotoneX" | "monotoneY" | "natural" | "step" | "stepAfter" | "stepBefore" | CurveFactoryoptional
The interpolation type of curve. Allows custom interpolation function.
默认值："linear"
示例：
- An AreaChart which has two area with different interpolation.
- https://d3js.org/d3-shape/curve