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

Arthur_cheng_77 2018-04-11 07:13:46

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

异常如图2。

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

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

js部分代码如图5,6。

毫无头绪，有大神解疑吗？

...全文

1423 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

qq_39406310 2018-08-02

打赏
举报

回复

你这个是把svg的矢量图放到echarts中了么

echarts中国地图散点实现自定义动画

【代码】echarts的series中富文本渲染不生效。

版本：echarts5.3.0 - echarts-gl2.0.8echarts大部分问题都是版本原因，4.x和5.x区别很大，推荐^5.3.0，因为有些api需要这个版本以上才支持。另外5.1支持svg地图数据格式，与之前的一些用法截然不同，同时拓展性也更加高了，svg地图值得研究下，像svg内插入图片、定义事件等。这里推荐一下echarts社区的案例，便于开发。首先需要去这个地址下载个地图数据，全国的就下载全国数据，指定省的就下载指定省的数据。

前言最近有个图表需求，怎么配置也配置不好，十分头疼。所以想借着这个问题手写实现一个交互体验还不错的曲线图，支持开场动画、自动根据父盒子宽度适配、比echarts更全的配置项，分区线段的可以更好的自定义等。效果如下源码： https://github.com/ccj-007/spark-echarts同时已经发布到了npm库：https://www.npmjs.com/package/spar...

Vue地图移动缩放功能实现

87,964

社区成员

224,667

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章