欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue+echarts实现中国地图流动效果(步骤详解)

程序员文章站 2022-11-13 16:09:35
@vue+echarts实现中国地图流动效果#话不多说看效果图操作步骤:执行命令:npm run echarts -s 并回车看到这样的提示代表安装成功 ps:网络不好的情况建议用cnpm淘宝镜像(全...

@vue+echarts实现中国地图流动效果

#话不多说看效果图

vue+echarts实现中国地图流动效果(步骤详解)

操作步骤:

执行命令:npm run echarts -s 并回车

vue+echarts实现中国地图流动效果(步骤详解)

看到这样的提示代表安装成功 ps:网络不好的情况建议用cnpm淘宝镜像(全局终端执行命令:npm i -g cnpm --registry=https://registry.npm.taobao.org)

vue+echarts实现中国地图流动效果(步骤详解)

下载china.js

链接: https://pan.baidu.com/s/1eodvh9tjnebfebbrhkyd_q 提取码: gjz4

引入

写一个echarts容器 绑定ref

配置option (有必要的注释都已标记)

初始化echarts就可以了

到此这篇关于vue+echarts实现中国地图流动效果的文章就介绍到这了,更多相关vue+echarts中国地图内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!