Label

笛卡尔坐标系中 "position" 的参数含义

极坐标系中 "position" 的参数含义

显示数据格式

<BarChart 
  width={730} 
  height={250} 
  data={data} 
  margin={{ top: 15, right: 30, left: 20, bottom: 5 }}
>
  <CartesianGrid strokeDasharray="3 3" />
  <XAxis dataKey="name">
    <Label value="Pages of my website" offset={0} position="insideBottom" />
  </XAxis>
  <YAxis label={{ value: 'pv of page', angle: -90, position: 'insideLeft' }} />
  <Bar dataKey="pv" fill="#8884d8">
    <LabelList dataKey="name" position="top" />
  </Bar>
</BarChart>

父组件

• <XAxis />
• <YAxis />
• <ReferenceArea />
• <ReferenceDot />
• <ReferenceLine />
• <Pie />
• <PolarRadiusAxis />

Properties

• viewBox String | Number

图表的可视区域。

• formatter Function optional

标注值的格式化方法，只有一个参数：标注值

• value String | Number optional

标注值

格式：

<Label value="any" />

• position "top" | "left" | "right" | "bottom" | "inside" | "outside" | "insideLeft" | "insideRight" | "insideTop" | "insideBottom" | "insideTopLeft" | "insideBottomLeft" | "insideTopRight" | "insideBottomRight" | "insideStart" | "insideEnd" | "end" | "center" optional

label相对于可视区域的位置

• offset Number

相对于"设置位置"的偏移量

默认值：5

• children String | Number optional

标注值

格式：

<Label>
  any string or number
</Label>
        

• content ReactElement | Function optional

定制 Label 展示的内容。如果值为 React element，会克隆这个元素来渲染 Label 的内容。如果值为函数，会调用这个函数来生成 Label 的内容。

格式：

<Label content={<CustomizedLabel external={external} />} />
<Label content={renderLabel} />

• id String optional

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