PieChart

显示数据格式

<PieChart width={730} height={250}>
  <Pie data={data01} dataKey="value" nameKey="name" cx="50%" cy="50%" outerRadius={50} fill="#8884d8" />
  <Pie data={data02} dataKey="value" nameKey="name" cx="50%" cy="50%" innerRadius={60} outerRadius={80} fill="#82ca9d" label />
</PieChart>

父组件

• <ResponsiveContainer />

子组件

• <PolarAngleAxis />
• <PolarRadiusAxis />
• <PolarGrid />
• <Legend />
• <Tooltip />
• <Pie />
• <Customized />
• validate svg elements…

Properties

• width Number

图表的宽度。

• height Number

图表的高度。

• margin Object

图表四周的留白大小，支持传入部分值（如： { top: 5 }）

默认值：{ top: 0, right: 0, bottom: 0, left: 0 }

格式：

{ top: 5, right: 5, bottom: 5, left: 5 }

• onClick Function optional

饼图每个楔子的 click 事件的回调函数，如果当子组件 Pie 上也绑定了同样的事件，子组件的事件回调函数才会被绑定。

• onMouseEnter Function optional

饼图每个楔子的 mouseenter 事件的回调函数，如果当子组件 Pie 上也绑定了同样的事件，子组件的事件回调函数才会被绑定。

• onMouseLeave Function optional

饼图每个楔子的 mouseleave 事件的回调函数，如果当子组件 Pie 上也绑定了同样的事件，子组件的事件回调函数才会被绑定。