<Recharts />

Scatter

Properties

• legendType'line' | 'plainline' | 'square' | 'rect'| 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye' | 'none'optional

  对应的图例 icon 的类型。

  默认值：'circle'

• xAxisIdString | Number

  散点图对应的 x 轴的 id 。

  默认值：0

• yAxisIdString | Number

  散点图对应的 y 轴的 id 。

  默认值：0

• zAxisIdString | Number

  散点图对应的 z 轴的 id 。

  默认值：0

• lineBoolean | Object | ReactElement | Function

  如果值为 false，不会渲染相应的曲线。当值为 true，会根据 Scatter 的属性配置来展示曲线。当值为一个对象的时候，会把这个对象解析为 曲线 的属性，来覆盖默认属性。当值是一个 React Element ，会克隆这个 React Element 来渲染“曲线”。当值是一个 函数 时，会调用这个函数去渲染自定义的“曲线”。

  默认值：false

  格式：

  <Scatter data={data} line />
  <Scatter data={data} line={{stroke: 'red', strokeWidth: 2}} />
  <Scatter data={data} line={<CustomizedLine />} />

  示例：

  • A scatter chart with joint line

• shape'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye' | ReactElement | Function

  散点的符号类型。当值是一个 React Element ，会克隆这个 React Element 来渲染“散点”。当值是一个 函数 时，会调用这个函数去渲染自定义的“散点”。

  默认值：'circle'

  格式：

  <Scatter data={data} shape="cross" />
  <Scatter data={data} shape={<CustomizedShape/>} />
  <Scatter data={data} shape={<renderCustomizedShape/>} />

  示例：

  • A scatter chart with joint line

• lineType'joint' , 'fitting'

  当值为 "joint"，会通过连接所有散点来生成曲线。当值为“fitting”时，会使用拟合算法绘制曲线。

  默认值：'joint'

• pointsArray

  所有散点的坐标。

  格式：

  [{ cx: 12, cy: 12, r: 4, payload: {x: 12, y: 45, z: 9 }}]

• isAnimationActiveBoolean

  当值为 false，不开启动画。

  默认值：true in CSR, and false in SSR

• animationBeginNumber

  声明组件挂载或更新后，开始运行动画的间隔时长，单位为毫秒。

  默认值：0

• animationDurationNumber

  声明动画的运行时长，单位为毫秒。

  默认值：1500

• animationEasing'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear'

  动画缓动函数的类型。

  默认值：'ease'

• onClickFunctionoptional

  散点 click 事件的回调函数。

• onMouseDownFunctionoptional

  散点 mousedown 事件的回调函数。

• onMouseUpFunctionoptional

  散点 mouseup 事件的回调函数。

• onMouseMoveFunctionoptional

  散点 mousemove 事件的回调函数。

• onMouseOverFunctionoptional

  散点 mouseover 事件的回调函数。

• onMouseOutFunctionoptional

  散点 mouseout 事件的回调函数。

• onMouseEnterFunctionoptional

  散点 mouseenter 事件的回调函数。

• onMouseLeaveFunctionoptional

  散点 mouseleave 事件的回调函数。

• idStringoptional

  唯一的id，会用于生成内部的clip path id 等，建议使用SSR的时候设置这个属性。