vue3中做数据可视化，如何将两个组件(两个echarts图)展示在同一个页面中

想要的效果:

文件结构:

App.vue代码:

Pie.vue(echarts图表组件)代码:

Bar.vue(echarts图表组件)代码:

我想在App.vue中引入这两个图表组件，然后运行后页面出现两个表，可结果只有一个，刚学vue，还望指教！

你在两个组件里用了同一个id="main"去创建的图表，组件归根到底最后渲染出来还是一个html，一个html不能同时存在相同的id

id不能相同

每个echart图表渲染到不同id的div上