0
点赞
收藏
分享

微信扫一扫

Echart可视化学习(四)

文档的源代码地址,需要的下载就可以了(访问密码:7567) 
https://url56.ctfile.com/f/34653256-527823386-04154f

地图模块高度为 810px

添加样式

查看效果

里面包含4个盒子:

chart 放图表模块

球体盒子

旋转1

旋转2

球体图片模块 map1

大小为 518px

要加背景图片

因为要缩放100%

定位到最中央

透明度0.3

查看效果

旋转1 map 2

大小为 643px

要加背景图片

因为要缩放100%

定位到中央

透明度 0.6

做旋转动画

利用z-index压住球体

查看效果

添加旋转动画

查看效果

旋转2 map3

大小为 566px

要加背景图片

因为要缩放100%

定位到中央

旋转动画

注意是逆时针

查看效果

Chart模块

模块基本完成

举报

相关推荐

0 条评论