Props Click to collapse

• 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.

  DEFAULT: false

  Examples:

  • LineChart with connectNull true and false
  • AreaChart with connectNull true and false

• dangerouslySetInnerHTMLObjectoptional

• 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.

  FORMAT:

  strokeDasharray="5 5"
  strokeDasharray={10}

  Examples:

  • 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.

  DEFAULT: "linear"

  Examples:

  • An AreaChart which has two area with different interpolation.
  • https://d3js.org/d3-shape/curve

Events Click to expand