echarts 地图自定义图标_DMKB08:Echarts 分段设色
为了丰富DataMap的可视化效果,集成了百度的Echarts
本文讲解Echarts分段设色。
关于Echarts可以浏览官网:
Apache ECharts (incubating)echarts.apache.org
【A】操作步骤
1、主控切换到eCharts
2、数据模板,NF009开始有数个模板,可以按行政区域填色。
3、按数据模板填写数据,或者点击样本数据图标,填充样本数据。
本例使用NF009
A列的区域名称有些注意事项:
- 默认是中国,中国的区域名称不用自己随便填写,尽量按照样本的名称。
- 省市的下级区域名称,则需要通过行政区划获取标准名称。
- 海外国家的下级行政单位,通过主菜单【选择地区】生成。
4、执行
5、打开参数项,进行调整。
这要注意值域里面的最大值和最小值,必须要和B列的数据对应起来,比如B列的最大值是50,值域最大值是30,会导致大于30的值无法在图表上显示出来。
选择中国某个行政区域
选定后注意要保存
到高德地图的行政区划中,获取山东省的下级区域数据
行政区域名称,还有数据都在NF009中填好,执行
B列最大值是16,图表中值域最大值是30,不匹配,需要调整一下值域参数项
选择海外某个国家或地区
内置了200+国家及地区,若选择海外国家及地区,下级区域就没法选择了,菜单是灰色的。
选择好国家,点获取子区域名称,会在Excel中自动填写下级区域名称
填好B列数据,执行即可
echarts 地图自定义图标_DMKB08:Echarts 分段设色相关推荐
- Echarts地图自定义图标Symbol同时动态更改图标进行切换显示
Echarts地图自定义图标Symbol同时动态更改图标进行切换显示 文章目录 0.前言 1.引用模块 2.界面设计 3.数据准备 4.实例地图 5.动态修改气泡图标 6.结束语 0.前言 实现的效果 ...
- Vue 使用echarts 地图自定义图标和修改图标样式,点击切换图标
效果图:如下 注意事项: 1.使用echarts最好看官方文档,官方文档(链接如下) https://echarts.apache.org/examples/zh/index.html#chart-t ...
- 百度地图自定义图标icon 添加本地图片无法显示问题解决
百度地图自定义图标icon 添加本地图片无法显示问题解决 我们在阿里巴巴矢量库找的icon 保存到本地 结论 我们在阿里巴巴矢量库找的icon 保存到本地 链接: 阿里巴巴矢量库. 图片: 随便找一个 ...
- 高德地图自定义图标的点标记Marker--初体验(二)
点标记Marker 创建一个默认图标的点标记: 创建一个自定义图标的点标记: new AMap.Marker({}) 参数说明 本文以Marker为主,其他点标记方法大差不差 通过上两篇文章我们已经了 ...
- echarts地图自定义icon图标并在图标内自定义文字
效果展示 代码 json怎么下载可以看之前的echarts map文章 代码中里面图片路径需要自己修改 <template><div><div ref="mai ...
- Echarts实现自定义图标——风向图
上图用了两种模式表示风向图,第一种是自定义系列,第二种使用了折线图,给折线图添加自定义图标. 两者的区别在于给options.series设置不同的type值,如下图: 那么我们来一步步实现代码,先创 ...
- 小程序地图标点,h5腾讯地图标点,vue使用腾讯地图,腾讯地图自定义图标
很多项目都用到了腾讯地图,不管是小程序还是h5,记录一下使用过程! 1.先到腾讯地图官网点击注册注册登陆 准备工作 先到腾讯地图官网点击注册注册登陆 进入控制台申请key,根据自己的实际情况选择key ...
- 实时疫情数据+echarts地图+自定义背景
目前需求是在地图上展示全国各省的地图并展示实时疫情数据,以重庆为例展示各地前往重庆的数据迁移图 效果如下 1.引入echart与china.json数据 //最新版echart必须要以此种方式引入 i ...
- echarts地图 自定义区域
在庐山市里面新增一个庐山 在线编辑 GeoJSON在线编辑 - StrErr.com 完整代码 <template><div><div class="midPa ...
最新文章
- 【廖雪峰python入门笔记】tuple_创建
- 和我一起打造个简单搜索之SpringDataElasticSearch入门
- 类的实质——类成员public、private属性的另类解释
- handlebars.js 用 br替换掉 内容的换行符
- 信息学奥赛一本通 1122:计算鞍点 | OpenJudge NOI 1.8 05:计算鞍点
- java 504错误怎么解决_求助java.lang.NoClassDefFoundError怎么解决,报错信息如下
- 名创优品向港交所提交上市申请书
- 商业WiFi“风来了”
- Hive UDF开发
- 自定义完整安装rhel7_服务器系统Windows Server 2008 R2安装教程
- 多次为 selecttemp 指定了列 bstkd_36列城市铁路列车、轨道诊断、货车大修、调车机车备品备件招标...
- TIM-VX编译体验
- 将Go语言编写的HttpServer部署到Docker并推送到DockerHub
- c fflush函数
- Python+appium+GUI界面pyside2微信自动加好友(改问候语、备注、标签)
- pyqt5使用pyinstaller打包项目为exe
- 读大学,大学四年培养的思维与工作能力,(读研,读博)
- efi模式装linux双系统,超详细!Win10(UEFI启动模式)安装Ubuntu18.04双系统
- html中repeat的作用,background-repeat属性怎么用
- DBM、GDBM与C语言跨平台代码研究
热门文章
- 搭建高可用的rabbitmq集群 + Mirror Queue + 使用C#驱动连接
- SQL查询的安全方案
- 利用浏览器调试功能 计算 百度网盘 文件数量 V2
- 【QGIS入门实战精品教程】4.7:QGIS如何将矢量数据转为GeoJSON格式?
- C语言试题六十之请编写函数fun,计算并输出下列级数和:s=1/1*2+1/2*3+…+1/n(n+1)
- Android之运行app提示The application could not be installed: INSTALL_FAILED_TEST_ONLY
- 剑指offer之反向打印链表值
- Andorid之教你全手工去除定制软件
- Android之Volley 源码解析
- 企业有了程序员为什么还要用 低代码/无代码