ReferenceArea

• A school
• B school

显示数据格式

<ScatterChart 
  width={730} 
  height={250}
  margin={{ top: 20, right: 20, bottom: 10, left: 10 }}
>
  <XAxis dataKey="x" type="number" name="stature" unit="cm" />
  <YAxis dataKey="y" type="number" name="weight" unit="kg" />
  <ZAxis dataKey="z" type="number" range={[4, 20]} name="score" unit="km" />
  <CartesianGrid strokeDasharray="3 3" />
  <Tooltip cursor={{ strokeDasharray: '3 3' }} />
  <Legend />
  <Scatter name="A school" data={data01} fill="#8884d8" />
  <Scatter name="B school" data={data02} fill="#82ca9d" />
  <ReferenceArea x1={150} x2={180} y1={200} y2={300} stroke="red" strokeOpacity={0.3} />
</ScatterChart>

父组件

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

子组件

• <Label />

Properties

• xAxisId String | Number

参考区域对应的 x 轴的 id。

默认值：0

• yAxisId String | Number

参考区域对应的 y 轴的 id。

默认值：0

• x1 Number | String optional

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

• x2 Number | String optional

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

• y1 Number | String optional

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

• y2 Number | String optional

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

• alwaysShow Boolean

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

默认值：false

示例：

• A LineChart with alwaysShow ReferenceLine

• viewBox Object

图表的可视区域。

• xAxis Object

x 轴配置。

• yAxis Object

y 轴配置。

• label String | Number | ReactElement | Function optional

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

格式：

<ReferenceArea x1="01" x2="08" label="MAX"/>
<ReferenceArea y1={100} y2={500} label={<CustomizedLabel />}/>

示例：

• ReferenceLines with label

• isFront Boolean

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

默认值：false