Scatter
Properties
legendType'line' | 'plainline' | 'square' | 'rect'| 'circle' | 'cross' | 'diamond' | 'square' | 'star' | 'triangle' | 'wye' | 'none'optional
对应的图例 icon 的类型。
默认值:
"circle"xAxisIdString | Number
散点图对应的 x 轴的 id 。
默认值:
0yAxisIdString | Number
散点图对应的 y 轴的 id 。
默认值:
0zAxisIdString | Number
散点图对应的 z 轴的 id 。
默认值:
0lineBoolean | 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 />} />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/>} />lineType'joint' , 'fitting'
当值为 "joint",会通过连接所有散点来生成曲线。当值为“fitting”时,会使用拟合算法绘制曲线。
默认值:
"joint"isAnimationActiveBoolean | "auto"
当值为 false,不开启动画。
默认值:
"auto"animationBeginNumber
声明组件挂载或更新后,开始运行动画的间隔时长,单位为毫秒。
默认值:
0animationDurationNumber
声明动画的运行时长,单位为毫秒。
默认值:
400animationEasing'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear'
动画缓动函数的类型。
默认值:
"linear"onClickFunctionoptional
散点 click 事件的回调函数。
onMouseDownFunctionoptional
散点 mousedown 事件的回调函数。
onMouseUpFunctionoptional
散点 mouseup 事件的回调函数。
onMouseMoveFunctionoptional
散点 mousemove 事件的回调函数。
onMouseOverFunctionoptional
散点 mouseover 事件的回调函数。
onMouseOutFunctionoptional
散点 mouseout 事件的回调函数。
onMouseEnterFunctionoptional
散点 mouseenter 事件的回调函数。
onMouseLeaveFunctionoptional
散点 mouseleave 事件的回调函数。
idStringoptional
唯一的id,会用于生成内部的clip path id 等,建议使用SSR的时候设置这个属性。