echarts自定义地图（SVG）动画效果失效

Arthur_cheng_77 2018-04-11 07:13:46
使用网上搜到的demo的svg图，有动画效果，使用自己编辑的svg图动画效果消失只有一个圆圈，而且放大图片圆圈就看不到了，请大神帮忙看下！
正常如图1，

异常如图2。

demo的用图部分代码如图3，

自己编辑的svg图部分代码如图4。

js部分代码如图5,6。


毫无头绪，有大神解疑吗？
...全文
1520 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
qq_39406310 2018-08-02
  • 打赏
  • 举报
 回复
你这个是把svg的矢量图放到echarts中了么
echarts中国地图散点实现自定义动画
本文介绍如何在ECharts中使用SVG渲染模式添加自定义动图，并配置地图各地区名称的显示效果，适用于ECharts 4及以上版本。
HTML5 + ECharts实现炫光地图分布动画特效
本文介绍了如何使用HTML5和ECharts实现炫光地图分布动画特效。涵盖了ECharts环境搭建、地图实例化流程、数据绑定、动画配置、交互设计以及动态数据更新等内容，帮助开发者掌握构建交互式地图可视化的全流程。
避坑指南：ECharts SVG地图与标准地图大小不一致的5种解决方法
本文针对ECharts中SVG地图与标准JSON地图尺寸不一致的问题，提出五种实战解决方案：动态比例计算法、双图层叠加校准、关键点坐标映射、响应式自适应及SVG预处理优化。重点涵盖渲染机制差异、比例校准逻辑、坐标转换矩阵构建、viewBox规范化及layoutSize参数调优，适用于地图可视化开发中的精准定位与跨屏适配需求。
echarts地图默认区域高亮 和无法显示geo数据问题解决
本文介绍了在使用Echarts时遇到的地图默认区域无法高亮和数据不显示的问题。通过添加'name'字段解决数据匹配问题，并通过遍历处理features数据实现地图区域的高亮效果。点击地图区块可获取地名并进行高亮显示。
ECharts地图3D散点点击失效？试试这个简单有效的解决方案（附完整代码）
本文针对ECharts 3D地图中散点图点击事件失效问题，深入剖析两大核心成因：散点数据结构不合规（如单点数据导致交互丢失）及geo3D坐标系配置错误。提供经验证的完整代码实现，并涵盖大数据量渲染优化、自定义样式与3D视角控制等关键技术要点，同时强调echarts与echarts-gl版本兼容性、事件绑定方式及最小化Demo验证等关键排查手段。
JavaScript

87,987

社区成员

224,683

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章