reactjs - 凡例の高さに基づいて cy パーセンテージを変更する

Question

次のコードがあります。

<PieChart width={w} height={h} style={{fontSize:font}}>
    <Pie label={false} labelLine={false} legendType="circle" data={this.getEthnicityValues()} dataKey="total" paddingAngle={1} minAngle={1}
            nameKey="Ethnicity" cx="50%" cy="30%" outerRadius={rad}>
        {
            this.getEthnicityValues().map((entry, index) => (
                <Cell key={`cell-${index}`} fill={this.colors[index]}/>
            ))
        }
    </Pie>
    <Tooltip/>
    <Legend/>
</PieChart>)

凡例が占める高さまたは行数に基づいて、チャートの cy 位置を変更しようとしています。現在、グラフは凡例と重なっており、ハード パーセンテージではなく比率に基づいて描画する必要があります。