作者:手机用户2502935287_564 | 来源:互联网 | 2023-10-11 05:22
Echarts水波纹地点显示,以及颜色点随机系列篇
在现今的前端开发中,图表的展示是不可或缺的,也会接触到一些地图区域的展示,例如,现实场景下,需求需要现实当今公司在全国乃至世界的分部分布情况,这时就用到了,echarts 的地图。首先,我在网上找了一个demo,后期以下的功能是参考此demo和官网API配置来写的,话不多,上才艺,以下:
ECharts Gallerygallery.echartsjs.com
参考此demo,然后根据官方API来达到我们下图的效果:
在做以上案例的话,首先我们要下载或者引入Echarts 的css文件和js文件(官网有哦),至于具体是下载静态文件呢还是npm 安装导入以及cdn外链的引入,根据你的需求实际来衡量,这里就不多说了,然后呢,此前还有一个重要的东西就是,中国地图或者是世界地图的js文件,我们可以自行下载:
链接: https://pan.baidu.com/s/1j_edGU2ka9YeHBTErqDWdg 密码: ft9n
或者是在vue里面安装过了Echarts里的第三方包里就有,直接引入就行,如下图:
然后呢打开Echarts ,下面的我们的代码:
好了,以上。。。。