Curve

Properties

• type'basis' | 'basisClosed' | 'basisOpen' | 'bumpX' | 'bumpY' | 'bump' | 'linear' | 'linearClosed' | 'natural' | 'monotoneX' | 'monotoneY' | 'monotone' | 'step' | 'stepBefore' | 'stepAfter' | Function

  The interpolation type of curve. Allows custom interpolation function.

  DEFAULT: "linear"

  Examples:

  • d3-shape interpolation
  • An AreaChart which has two area with different interpolation.

• baseLineNumber | Arrayoptional

  Baseline of the area: - number: uses the corresponding axis value as a flat baseline; - an array of coordinates: describes a custom baseline path.

• connectNullsBoolean

  Whether to connect the curve across null points.

  DEFAULT: false

  Examples:

  • A lineChart connect nulls and a lineChart disconnect nulls
  • An areaChart connect nulls and an areaChart disconnect nulls

• onClickFunctionoptional

  The customized event handler of click on the curve

• onMouseDownFunctionoptional

  The customized event handler of mousedown on the curve

• onMouseUpFunctionoptional

  The customized event handler of mouseup on the curve

• onMouseMoveFunctionoptional

  The customized event handler of mousemove on the curve

• onMouseOverFunctionoptional

  The customized event handler of mouseover on the curve

• onMouseOutFunctionoptional

  The customized event handler of mouseout on the curve

• onMouseEnterFunctionoptional

  The customized event handler of mouseenter on the curve

• onMouseLeaveFunctionoptional

  The customized event handler of mouseleave on the curve

• layout'horizontal' | '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.

• pointsArray

  The coordinates of all the points in the curve.