为了丰富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 分段设色相关推荐

  1. Echarts地图自定义图标Symbol同时动态更改图标进行切换显示

    Echarts地图自定义图标Symbol同时动态更改图标进行切换显示 文章目录 0.前言 1.引用模块 2.界面设计 3.数据准备 4.实例地图 5.动态修改气泡图标 6.结束语 0.前言 实现的效果 ...

  2. Vue 使用echarts 地图自定义图标和修改图标样式,点击切换图标

    效果图:如下 注意事项: 1.使用echarts最好看官方文档,官方文档(链接如下) https://echarts.apache.org/examples/zh/index.html#chart-t ...

  3. 百度地图自定义图标icon 添加本地图片无法显示问题解决

    百度地图自定义图标icon 添加本地图片无法显示问题解决 我们在阿里巴巴矢量库找的icon 保存到本地 结论 我们在阿里巴巴矢量库找的icon 保存到本地 链接: 阿里巴巴矢量库. 图片: 随便找一个 ...

  4. 高德地图自定义图标的点标记Marker--初体验(二)

    点标记Marker 创建一个默认图标的点标记: 创建一个自定义图标的点标记: new AMap.Marker({}) 参数说明 本文以Marker为主,其他点标记方法大差不差 通过上两篇文章我们已经了 ...

  5. echarts地图自定义icon图标并在图标内自定义文字

    效果展示 代码 json怎么下载可以看之前的echarts map文章 代码中里面图片路径需要自己修改 <template><div><div ref="mai ...

  6. Echarts实现自定义图标——风向图

    上图用了两种模式表示风向图,第一种是自定义系列,第二种使用了折线图,给折线图添加自定义图标. 两者的区别在于给options.series设置不同的type值,如下图: 那么我们来一步步实现代码,先创 ...

  7. 小程序地图标点,h5腾讯地图标点,vue使用腾讯地图,腾讯地图自定义图标

    很多项目都用到了腾讯地图,不管是小程序还是h5,记录一下使用过程! 1.先到腾讯地图官网点击注册注册登陆 准备工作 先到腾讯地图官网点击注册注册登陆 进入控制台申请key,根据自己的实际情况选择key ...

  8. 实时疫情数据+echarts地图+自定义背景

    目前需求是在地图上展示全国各省的地图并展示实时疫情数据,以重庆为例展示各地前往重庆的数据迁移图 效果如下 1.引入echart与china.json数据 //最新版echart必须要以此种方式引入 i ...

  9. echarts地图 自定义区域

    在庐山市里面新增一个庐山 在线编辑 GeoJSON在线编辑 - StrErr.com 完整代码 <template><div><div class="midPa ...

最新文章

  1. 【廖雪峰python入门笔记】tuple_创建
  2. 和我一起打造个简单搜索之SpringDataElasticSearch入门
  3. 类的实质——类成员public、private属性的另类解释
  4. handlebars.js 用 br替换掉 内容的换行符
  5. 信息学奥赛一本通 1122:计算鞍点 | OpenJudge NOI 1.8 05:计算鞍点
  6. java 504错误怎么解决_求助java.lang.NoClassDefFoundError怎么解决,报错信息如下
  7. 名创优品向港交所提交上市申请书
  8. 商业WiFi“风来了”
  9. Hive UDF开发
  10. 自定义完整安装rhel7_服务器系统Windows Server 2008 R2安装教程
  11. 多次为 selecttemp 指定了列 bstkd_36列城市铁路列车、轨道诊断、货车大修、调车机车备品备件招标...
  12. TIM-VX编译体验
  13. 将Go语言编写的HttpServer部署到Docker并推送到DockerHub
  14. c fflush函数
  15. Python+appium+GUI界面pyside2微信自动加好友(改问候语、备注、标签)
  16. pyqt5使用pyinstaller打包项目为exe
  17. 读大学,大学四年培养的思维与工作能力,(读研,读博)
  18. efi模式装linux双系统,超详细!Win10(UEFI启动模式)安装Ubuntu18.04双系统
  19. html中repeat的作用,background-repeat属性怎么用
  20. DBM、GDBM与C语言跨平台代码研究

热门文章

  1. 搭建高可用的rabbitmq集群 + Mirror Queue + 使用C#驱动连接
  2. SQL查询的安全方案
  3. 利用浏览器调试功能 计算 百度网盘 文件数量 V2
  4. 【QGIS入门实战精品教程】4.7:QGIS如何将矢量数据转为GeoJSON格式?
  5. C语言试题六十之请编写函数fun,计算并输出下列级数和:s=1/1*2+1/2*3+…+1/n(n+1)
  6. Android之运行app提示The application could not be installed: INSTALL_FAILED_TEST_ONLY
  7. 剑指offer之反向打印链表值
  8. Andorid之教你全手工去除定制软件
  9. Android之Volley 源码解析
  10. 企业有了程序员为什么还要用 低代码/无代码