需要一个自动轮播插件里显示图表，现在把echarts放进swiper的div里会出现Error: Initialize failed: invalid dom.
JS的加载顺序没有问题，div的宽高也设置了，请问一下是什么地方有问题导致echarts不能显示出来
echarts能不能和swiper结合使用？
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
- 2024-07-10 14:20浅墨、离殇的博客 关于swiper.js 与echarts结合导致的问题记录 touchStartPreventDefault: false,
- 2021-06-11 14:54Omit Cony的博客 setTimeout(()=>...letdom=document.getElementsByClassName('echarts-mobile-map'); for(letitemofdom){ //解决更改条件的时候重新绘图复制出来的echarts没有显示的问题（重新渲染） item.setAttribute...
- 2024-01-12 11:04傻小孩儿～～的博客 【代码】使用ehcarts，swiper实现多个相同样式的图表轮播。
- 2023-10-25 10:33苹果砸醒了逃课的牛顿的博客 开发项目可视化大屏的需求，有一块需要循环轮播展示echarts图表，于是选用了比较流行的swiper插件，但是实际开发时确发现，轮播到最后一个图的时候，图表并没有显示。于是，开始排查问题原因。注意vue项目中，图表...
- 2023-02-28 15:02_Shiyi的博客 地图模块：ECharts使用SVG做地图、OpenLayer简要入门 ECharts相关小tips介绍 实用插件介绍
- 2025-07-28 21:32一个名为“基于Echarts和Swiper的大屏数据可视化展示系统”的项目应运而生，它不仅实现了数据的多维度图表化展示，还能实现数据的实时更新。该系统的核心特点在于它支持多种图表类型的展示，包括但不限于折线图、...
- 2024-05-28 00:342401_85124786的博客 【代码】【经验分享】前端分享会-地图模块、echarts以及插件分享_前端地图插件。
- 2023-12-27 11:09不熬夜了不想秃头的博客 复制得来的echarts（第一个和最后一个, 使用其所复制的那个echarts来执行其setOption方法。原因：swiper的loop设置为true了，会在原本slide前后复制若干个slide(默认一个)并在合适的时候切换，让Swiper看起来是循环...
- 2022-04-05 14:39简化实现的过程，并保留核心的功能，例如，V-model双向绑定的运用、V-for列表渲染的运用、Bootstrap栅格系统实现页面自适应、Swiper轮播图与Vue框架的结合使用、后台json数据的提取和Echarts图表的创建等内容实现。...
- 2018-07-13 16:22CoderW喜欢写博客的博客 作为一个Java后端工程师，其中的转型是很痛苦的，也不能说是转型把，只是去学习一个不是很完善的前端技术，而且遇到问题百度谷歌都没有解决方法，只能看着官方文档去研究，和同事研究讨论解决方法，非常之艰难。...
- 2020-05-13 10:59huangfuyk的博客 Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果 界面如下： 10.Animate.css Animate.css是一个可在您的Web项目中使用的即用...
- 没有解决我的问题, 去提问
