小白又黑了 2021-12-31 16:00 采纳率: 93.8%
浏览 216
已结题

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

想要的效果:

img

文件结构:

img

App.vue代码:

img

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

img

img

img

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

img

img

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

  • 写回答

3条回答 默认 最新

  • 艾路菲尔 2021-12-31 16:30
    关注

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

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    1人已打赏
查看更多回答(2条)

报告相同问题？

问题事件

  • 系统已结题 1月10日
  • 已采纳回答 1月2日
  • 创建了问题 12月31日