Cell

Cell 可以作为很多组件（包括 Pie, Bar, RadialBar）的子组件来指定每个子节点的属性配置。例如，在 Pie 组件中，我们虽然可以通过 data 来指定每个数据项对应的子节点的属性配置，但是这样会造成数据与配置混乱的问题，所以我们提供了这种方式来设置子节点的属性。

显示数据格式

<PieChart width={730} height={250}>
  <Pie data={data} cx="50%" cy="50%" outerRadius={80} label>
    {
      data.map((entry, index)  => (
        <Cell key={`cell-${index}`} fill={colors[index]}/>
      ) ) 
    }
  </Pie>
</PieChart>

显示数据格式

<BarChart width={730} height={250} data={data}>
  <Bar dataKey="value">
    {
      data.map((entry, index)  => (
        <Cell key={`cell-${index}`} stroke={colors[index]}  strokeWidth={index === 2 ? 4 : 1}/>
      ) ) 
    }
  </Bar>
</BarChart>

父组件

• <Bar />
• <Scatter />
• <Pie />
• <RadialBar />
• <Funnel />

Properties

• fill String optional

任何数据项对应的子节点的配置都可以通过 Cell 传递，fill 只是其中一项。

• stroke String optional

任何数据项对应的子节点的配置都可以通过 Cell 传递，stroke 只是其中一项。