ReferenceDot

显示数据格式

<ScatterChart 
  width={730} 
  height={250} 
  margin={{ top: 20, right: 20, bottom: 20, left: 20 }}
>
    <CartesianGrid />
    <XAxis dataKey="x" type="number" name="stature" unit="cm" />
    <YAxis dataKey="y" type="number" name="weight" unit="kg" />
    <Scatter name="A school" data={data} fill="#8884d8" />
    { mean && <ReferenceDot {...mean} r={20} fill="red" stroke="none" /> }
    <Tooltip cursor={{strokeDasharray: '3 3'}} />
  </ScatterChart>

父组件

• <AreaChart />
• <BarChart />
• <LineChart />
• <ComposedChart />
• <ScatterChart />

子组件

• <Label />

Properties

• xAxisId String | Number

参考点对应的 x 轴的 id。

默认值：0

• yAxisId String | Number

参考点对应的 y 轴的 id。

默认值：0

• x Number | String

用来描述 x 坐标的值，当 x 轴是数值类型的坐标轴时，这个值必须为数值类型。当 x 轴为类目轴时， 这个值必须为 x 轴 domain 中的一个元素。

• y Number | String

用来描述 y 坐标的值，当 y 轴是数值类型的坐标轴时，这个值必须为数值类型。当 y 轴为类目轴时， 这个值必须为 y 轴 domain 中的一个元素。

• alwaysShow Boolean

是否根据整参考点的值调整相应的坐标轴 domain，来保证参考点一定在可视区域内。

默认值：false

• xAxis Object

x 轴配置。

• yAxis Object

y 轴配置。

• label String | Number | ReactElement | Function optional

当值为简单类型的数值或者字符串时，这个值会被渲染成文字标签。当值为 React element，会克隆这个元素来渲染文字标签。

格式：

<ReferenceDot x="a" y={400} label="MAX"/>
<ReferenceDot x="a" y={400} label={<CustomizedLabel />}/>
<ReferenceDot x="a" y={400} label={renderLabel} />

• isFront Boolean

是否展示在图表的最上层。

默认值：false

• onClick Function optional

鼠标在图表图形区域 click 事件的回调函数。

• onMouseDown Function optional

鼠标在图表图形区域 mousedown 事件的回调函数。

• onMouseUp Function optional

鼠标在图表图形区域 mouseup 事件的回调函数。

• onMouseOver Function optional

鼠标在图表图形区域 mouseover 事件的回调函数。

• onMouseOut Function optional

鼠标在图表图形区域 mouseout 事件的回调函数。

• onMouseEnter Function optional

鼠标在图表图形区域 mouseenter 事件的回调函数。

• onMouseMove Function optional

鼠标在图表图形区域 mousemove 事件的回调函数。

• onMouseLeave Function optional

鼠标在图表图形区域 mouseleave 事件的回调函数。