vue组件使用Echarts图表重复问题

Question

开发了几个基于Echarts的图表组件
现在有需求是在一个界面内多次用到那个组件
但是Echarts是找ID来创建canvas的
这样这个id就会重复
导致第二个图表不能显示出来
（例如我的告警图表和费用图表，都是引用自己的饼图组件，传入不同的id，现在告警图表要出现多次）
有没有什么解决办法或者谁有一些经验的？
请多指教

Answer 1

在组件内你可以动态随机地生成ID啊，
然后赋值给DOM,
传递给echart。

还有根据文档 echarts.init 里是可以直接传递DOM的，完全可以不用管ID

Answer 2

由于id是唯一的所以在绑定id的时候需要给个特定的id,我的做法是<div :id="chart.id" style="height: 300px"></div>,id绑定自己想要的值并且不唯一就可以

Answer 3

你通过组件props传不就好了嘛??