博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
echarts3.0--地图和其点击事件及地图内文字内容样式位置控制
阅读量:3703 次
发布时间:2019-05-21

本文共 498 字,大约阅读时间需要 1 分钟。

echarts的很多属性在不同的图中都是共用的,在本文中没有找到想要的,可以在我博客其他关于echarts3中看看,可能就找到了。


准备工作:

①到echarts3(注意是echarts3,不是echarts2)官方下载echarts或者自定义下载,下载地址:
②准备地图的坐标文件,就是本文示例中引用的beijing.js文件
说明:
代码中未说明的配置项,可以在官网查看。还有很多配置属性,示例中并没有使用到。配置文档地址:
地图中文字位置控制说明:
在我们自己准备的坐标文件中,在下载示例shenzhen.js文件中,搜索“cp”,即每个地区坐标的开头{"type":"Feature","id":"440308","properties":{"cp":[114.2712600002325,22.608372999871885],"name":"盐田区"} 中的cp中的坐标,没有的话,自己添加,这个坐标就是控制地图中文字显示的位置。
**全国区县级json数据及完整示例下载地址:**

本文的示例效果图:

这里写图片描述
示例代码:

自定义市县地图 | 带点击事件 | 地图颜色内容及样式控制 |
你可能感兴趣的文章
Vue的安装
查看>>
Oracle数据库错误Update数据恢复
查看>>
Sql Server数据库查询死锁和解决死锁
查看>>
Nginx配置文件
查看>>
SpringCloud组件替代方案
查看>>
Mysql实现乐观锁
查看>>
SpringBoot项目自定义Filter过滤器
查看>>
Springboot项目实现自定义拦截器
查看>>
德鲁伊后台监控配置
查看>>
正向代理和反向代理
查看>>
Stream常用方法使用案例
查看>>
Log4j日志的配置文件
查看>>
Slf4j和logback日志组合
查看>>
Mysql的读写分离和主从复制过程概述
查看>>
数据库搭建主从复制结构(主写从读)
查看>>
JS获取4位随机数
查看>>
JS实现图片上一张下一张功能
查看>>
如何使用JS实现图片幻灯片自动播放
查看>>
表格中checbox全选和反选功能实现
查看>>
Java中的synchronized与lock的区别
查看>>