pie_chart.add(pie1, grid_opts=opts.GridOpts(pos_left='5%', pos_right='5%', pos_top='20%', pos_bottom='50%')) pie_chart.add(pie2, grid_opts=opts.GridOpts(pos_left='5%', pos_right='5%', pos_top='100%', pos_bottom='20%'))不生效

可能是由于网格位置的设置不合理，导致两个图表重叠在一起了。建议您修改网格位置的参数，例如修改第一个网格的下边距和第二个网格的上边距，使得两个网格之间有一定的空隙。

另外，还需要确保使用了正确的组合方式。在这段代码中，使用了 add 方法将两个图表添加到了同一个 pie_chart 中，如果您使用的是不同的图表对象，则需要将两个图表分别绘制，并在页面中将它们组合在一起。

下面是一个简单的示例代码，可以帮助您更好地理解如何使用 Grid 组件调整图表位置：

from pyecharts import options as opts
from pyecharts.charts import Pie, Grid

# 创建两个饼图
pie1 = Pie()
pie2 = Pie()

# 设置饼图数据和样式
pie1.add("饼图1", [("A", 10), ("B", 20), ("C", 30)])
pie2.add("饼图2", [("X", 5), ("Y", 15), ("Z", 25)])

# 创建网格组件，并将两个饼图添加到不同的网格中
grid = Grid()
grid.add(pie1, grid_opts=opts.GridOpts(pos_left='5%', pos_right='5%', pos_top='20%', pos_bottom='60%'))
grid.add(pie2, grid_opts=opts.GridOpts(pos_left='5%', pos_right='5%', pos_top='40%', pos_bottom='20%'))

# 渲染图表
grid.render("pie_chart.html")

在这个例子中，我们创建了两个饼图，并将它们添加到了不同的网格中。第一个网格的上边距为 20%，下边距为 60%，第二个网格的上边距为 40%，下边距为 20%，这样就可以将两个饼图分别放在页面的不同位置了。