echarts地图无数据想显示背景色

最新推荐文章于 2024-05-21 09:38:43 发布
最新推荐文章于 2024-05-21 09:38:43 发布
阅读量3k 收藏 3
点赞数 1
分类专栏： 【Web开发】
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/csp_6666/article/details/115164990
版权

需求如下；
部分省无数据，想显示默认背景色灰色。
在这里插入图片描述
解决方案：

  • 后端返回接口，无数据的省份值为null即可。
  • echarts 配置如下
geo: {
   
        map: 'china',
        roam: false,
        zoom:1.2,
        label: {
   
            normal:
最低0.47元/天 解锁文章
Coinker
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
echarts图例颜色与地图底色
danielinbiti的专栏
04-03 7万+
本来想写echarts初始化函数的，但最近因为要写一个地图与柱状图的混合方式，也就是每个省的地图上要有柱状图显示。于是仔细使用了一下地图。 1、地图的一些基本属性就不介绍了，还是那些style 2、地图数据的获取以及Series的加载和其他没有什么大的差异。地图数据都在map.js中，都可以自己看，也可以自己根据格式获取响应的数据。 这里主要想处理的是图例颜色与地图底图颜色怎么设置的问题。
Echarts中国地图各个省市自治区自定义颜色
EstherLty的博客
08-24 8498
最近有个需求是这样的 需要根据评级（低、中、高…）来显示省市区的颜色。就不能根据数据对省份渲染不同的颜色 dataRange 方法就行不通，因为他是根据数据值域来划分的。 后面想到可以根据评级判断对各个省市自治区自定义颜色。 需要的data数据结构如下: data: { {"name": "北京", "value": 34, "count": 500, "color": "#f00"}, {"name": "天津", "value": 33, "count": 300, "color":.
ECharts饼图接口数据为空时如何显示指定颜色
OneILove的博客
12-18 5589
需求：获取饼图需要展示的数据为空时，饼图显示默认数据和指定颜色 let PicChart = this.$echarts.init(document.getElementById(PicChart)) PicChart.setOption({ title: {text:‘标题’,left:'center'}, tooltip: {}, series: [{ ...
使用Pyecharts构建Map对象无法显示颜色--解决
最新发布
CCSco4355
05-21 674
可视化图例设置的上限为100人， 那么500不在0-100之间，就不会可视化出来。2. 地图内国家名称、省市区等名称是否符合pyecharts规范（内部定义的）内蒙古---内蒙古自治区。我们在做数据可视化的过程中，可能需要使用到地图作为数据可视化的工具；1. 设置的数据区间未达到可视化数据的范围。比如： 北京人口：500人。比如：北京----北京市。包括世界地图、国家地图、省市区地图等；这是两种最长出现的问题。
echarts 地图区域显示不同颜色笔记
qq_38388578的博客
03-16 3440
【代码】echarts 地图区域显示不同颜色笔记。
echarts地图 根据数据显示不同的颜色
IT_iosers的博客
01-14 6040
visualMap 是视觉映射组件，用于进行『视觉编码』，也就是将数据映射到视觉元素（视觉通道） piecewise 分段 var province = ['福建', '江苏', '浙江', '安徽', '广东', '北京', '山东', '上海', '辽宁', '四川', '河北', '河南', '湖南', '山西', '江西', '内蒙古','湖北', '广西', '重庆', '天津', '陕西', '贵州', '宁夏', '云南','吉林','青海', '新疆','黑龙江', '甘肃'.
echarts地图更改具体某省份颜色以及更改地图整体颜色 china.js echarts geo map
weixin_46901090的博客
04-21 8235
我们在工作中也许会遇到更改地图中具体某省份颜色或更改地图整体颜色的需求,接下来我们来看具体如何实现。 一、首先，更改地图整体背景颜色 效果如下： 具体实现方法是 修改option.geo.itemStyle.normal.areaColor let option = { geo: { itemStyle: { normal: { areaColor: 'rgba(37, 157, 255, 0.2)', }
关于echarts环形图某些数据为零不显示，全部数据为零显示灰色的问题
m0_65915285的博客
11-11 6954
echarts数据为0不显示，均为0显示灰框
echarts地图区域颜色配置/echarts广州地图区域颜色配置
weixin_43798490的博客
01-12 1670
echarts地图区域颜色配置
echarts中如何实现legend某个值默认灰色不显示数据？
simpleMan8023的博客
09-21 3431
如何实现legend默认某个值不显示数据
vue实现echarts中的map自定义地图背景色
xioxi
09-27 2233
vue实现echarts中的map自定义地图背景色
echarts map 颜色配置
qq_37914074的博客
02-11 1974
series: [ { type: 'map', map: 'china', zoom: 1, label: { show: true, color: 'white', fontSize: 10
vue + echarts+地图实现功能，实现地图上数据显示，四川省地图echarts地市数据案列
qq_41180882的博客
03-20 2609
1、首先需要下载对应的地图，如果是联网的可以直接下载一个，实现下钻，可自行去搜索或者实现，本文主要为离线地图2、下载需要的对应地图包后，进入下一步编辑3、还需要拿到各个地区的经纬度，可以到网上去经纬度地方上去搜然后点击后获取，也可以在我们做的echarts地图上点击获取
Echarts中国地图根据数据对省份渲染不同的颜色
热门推荐
EstherLty的博客
08-03 1万+
在 setOption 里面设置（setOption官方参数及用法介绍）。 title //标题设置 legend //图例控制 grid //图例内网格控制 xAxis //X轴 yAxis //Y轴 polar //极坐标 radiusAxis //极坐标系径向轴 angleAxis //极坐标系的角度轴。 radar //雷达图坐标系组件 dataZoom //图表缩放控件 visualMap //视觉映射组件 tooltip //提示框控件 axisPointer //坐标轴指示器（axisPoi
excel做地图热力图_使用Excel 2016的PowerMap模块绘制可视化地图
weixin_39620662的博客
12-20 2393
本文主要介绍一下如何使用Excel绘制地图。Excel绘制地图主要使用PowerMap模块。PowerMap是微软基于Bing地图开发的一款数据可视化工具，它可以对地理和时间数据进行绘制，并生动形象的展示动态发展趋势。Excel 2016已经默认安装PoweMap了，本文讲述了使用Excel 2016的PowerMap模块绘制可视化地图的方法。可视化地图创建三部曲： 设置地理位置变量、选择可视化图...
Echarts map 点击地图单个区域变色
ProgrammingWhite的博客
10-31 9451
地图点击单个区域模块变色 Echarts 官方文档引用地址：https://echarts.apache.org/zh/option.html#geo.select 当设定了 geoIndex 后，series-map.map 属性，以及 series-map.itemStyle 等样式配置不再起作用，而是采用 geo 中的相应属性。（论熟读官方文档的重要性） 在Echarts—map—option—geo的配置选项中有一个select配置项，这个select专门配置地图选中之后的itemStyle样式以
echarts5.0引入地图，背景渐变色，航线图，地图阴影
Alison_Rose
11-19 8841
echarts5.0引入地图，航线图，背景渐变色，地图阴影
geoserver+openlayers做地图展示，添加标注，删除标注，vue版本，前后端分离版
两袖清风野蛮人
01-25 1773
1、下载依赖 npm install ol 2、引入代码 <template> <div class="" style="width: 95%; height: 95%"> <div style="width: 100%; height: 100%" id="map" ref="rootmap"></div> <div id="popup" class="ol-popup"> <a href="#" id="
怎么实现echarts地图从边框向中心的背景色渐变
06-02
要实现echarts地图从边框向中心的背景色渐变，可以使用echarts自带的visualMap组件来实现。具体实现步骤如下： 1. 在option中添加visualMap组件，并设置type为continuous（连续的）。 2. 设置visualMap的min和max...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值