Curve

Properties

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

  The interpolation type of curve. Line and Area use this component to draw line and area.

  DEFAULT: 'linear'

  Examples:

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

• pointsArray

  The coordinates of all the points in the curve.

• layout'horizontal' | 'vertical'optional

  The option can effect the interpolation algorithm when the props type is set to be 'monotone'. Meanwhile, this option will specified the type of baseline when the curve is colsed.

• baseLineNumber | Arrayoptional

  The value which can describle the line.

• connectNullsBoolean

  Whether to connect a 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