其他分享
首页 > 其他分享> > VUE+Swiper+Echart问题

VUE+Swiper+Echart问题

作者:互联网

问题

swiper中使用echarts,设置循环loop播放slide中第一个和最后一个echarts图展示不出来。

原因

使用以前通用的模式循环在echarts中使用id或者$refs获取元素初始化绘图不成功,
被复制的div中没有复制canvas(没有进行绘图操作)。

解决
const chartDom = document.getElementsByClassName('radar')
chartDom.forEach(item => {
 const myChart = this.$echarts.init(item)
 myChart.setOption(option)
})

标签:VUE,const,Echart,myChart,item,chartDom,绘图,echarts,Swiper
来源: https://blog.csdn.net/sunshineTing2/article/details/123205764