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

问题描述

问 题

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

解决方案

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

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

这篇关于javascript - vue组件使用Echarts图表重复问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！