热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

echartslegend不显示_ECharts地图系列一(定制区域水波纹显示,以及其他区域圆点颜色不统一)...

Echarts水波纹地点显示,以及颜色点随机系列篇在现今的前端开发中,图表的展示是不可或缺的,也会接触到一些地图区域的展示,

82e8454752f0f2d0bd655004320aeb16.png

Echarts水波纹地点显示,以及颜色点随机系列篇

在现今的前端开发中,图表的展示是不可或缺的,也会接触到一些地图区域的展示,例如,现实场景下,需求需要现实当今公司在全国乃至世界的分部分布情况,这时就用到了,echarts 的地图。首先,我在网上找了一个demo,后期以下的功能是参考此demo和官网API配置来写的,话不多,上才艺,以下:

ECharts Gallery​gallery.echartsjs.com

参考此demo,然后根据官方API来达到我们下图的效果:

38dee22188b2bd9f049d891176217163.png

在做以上案例的话,首先我们要下载或者引入Echarts 的css文件和js文件(官网有哦),至于具体是下载静态文件呢还是npm 安装导入以及cdn外链的引入,根据你的需求实际来衡量,这里就不多说了,然后呢,此前还有一个重要的东西就是,中国地图或者是世界地图的js文件,我们可以自行下载:

链接: https://pan.baidu.com/s/1j_edGU2ka9YeHBTErqDWdg 密码: ft9n

或者是在vue里面安装过了Echarts里的第三方包里就有,直接引入就行,如下图:

678bbbb54f5839f12072dda48bcbe27a.png

然后呢打开Echarts ,下面的我们的代码:





6f0f60a89f40d865526fefaf12242be5.png

好了,以上。。。。



推荐阅读
author-avatar
手机用户2502935287_564
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有