社区
JavaScript
帖子详情
echarts自定义地图(SVG)动画效果失效
Arthur_cheng_77
2018-04-11 07:13:46
使用网上搜到的demo的svg图,有动画效果,使用自己编辑的svg图动画效果消失只有一个圆圈,而且放大图片圆圈就看不到了,请大神帮忙看下!
正常如图1,
异常如图2。
demo的用图部分代码如图3,
自己编辑的svg图部分代码如图4。
js部分代码如图5,6。
毫无头绪,有大神解疑吗?
...全文
1430
1
打赏
收藏
echarts自定义地图(SVG)动画效果失效
使用网上搜到的demo的svg图,有动画效果,使用自己编辑的svg图动画效果消失只有一个圆圈,而且放大图片圆圈就看不到了,请大神帮忙看下! 正常如图1, 异常如图2。 demo的用图部分代码如图3, 自己编辑的svg图部分代码如图4。 js部分代码如图5,6。 毫无头绪,有大神解疑吗?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
qq_39406310
2018-08-02
打赏
举报
回复
你这个是把svg的矢量图放到echarts中了么
echarts
中国
地图
散点实现
自定义
动画
echarts
中国
地图
散点实现
自定义
动画
vue 3d
echarts
scatter3D元素塌陷,图标塌陷进
地图
完美解决方案
当我们手机用 scatter3D 类型时,最小值因为渲染问题会塌陷进模型里面,所以只要让value固定,再将label formatter 配合 boxHeight属性即可解决,(代码附带
自定义
label图标解决办法)
记录一次可视化大屏开发
版本:
echarts
5.3.0 -
echarts
-gl2.0.8
echarts
大部分问题都是版本原因,4.x和5.x区别很大,推荐^5.3.0,因为有些api需要这个版本以上才支持。另外5.1支持
svg
地图
数据格式,与之前的一些用法截然不同,同时拓展性也更加高了,
svg
地图
值得研究下,像
svg
内插入图片、定义事件等。这里推荐一下
echarts
社区的案例,便于开发。首先需要去这个地址下载个
地图
数据,全国的就下载全国数据,指定省的就下载指定省的数据。
Echarts
无法实现这个曲线图,那我手写一个
前言最近有个图表需求,怎么配置也配置不好,十分头疼。所以想借着这个问题手写实现一个交互体验还不错的曲线图,支持开场
动画
、自动根据父盒子宽度适配、比
echarts
更全的配置项,分区线段的可以更好的
自定义
等。
效果
如下源码: https://github.com/ccj-007/spark-
echarts
同时已经发布到了npm库 :https://www.npmjs.com/package/spar...
Echarts
无法实现这个曲线图,那我手写一个
点击上方前端Q,关注公众号回复加群,加入前端Q技术交流群前言最近有个图表需求,怎么配置也配置不好,十分头疼。所以想借着这个问题手写实现一个交互体验还不错的曲线图,支持开场
动画
、自动根据父盒子宽度适配、比
echarts
更全的配置项,分区线段的可以更好的
自定义
等。
效果
如下image.png更新一波!github.com/ccj-007/spa…[1]有兴趣的可以看看源码同时已经发布到了npm库...
JavaScript
87,986
社区成员
224,733
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章