如何制作渐变地图

3829
2

908791215 数据达人Lv4

发表于2020-2-26 14:41

楼主
本帖最后由 908791215 于 2020-2-26 14:47 编辑

实用小技巧总结贴

如何制作一张根据数据大小渐变的地图呢?

DING~
首先我们制作一张带有行政区划的表格,并按照数据大小调整好升降序
使用BI的地图组件绑定好相应的绑定表元

DING~
我们设计出如下公式作为浮动表元的"浮动块颜色"属性:
format("#%2X",(150+self.row*63/31))^format("%2X",(150+self.row*63/31))^format("%2X",(150+self.row*63/31))
那么上述的公式是如何实现的?
选择深色颜色:#969696    浅色颜色:#D5D5D5
按照R/G/B三段式原则,将深色颜色和浅色颜色值分别拆分成R、G、B三段,分别将他们转换成10进制数,然后求出浅色到深色的每段差值,如下表所示。然后在公式中根据每段的差值除以31(31个省份)作为每段颜色渐变的步长,浮动行的行号乘以步长作为其每段颜色值的增长量求出各段的动态值,并转换成16进制,再链接起来。
按照给出的示例公式,我们就做出了下图中的效果

DING~

对示例公式的颜色解析如下表


DING~
看到这里会感觉公式有些复杂,但是仔细研究一下使用还是比较方便的,下面我做了一个新的例子~
每次使用的时候在公式的基础上进行修改就可以了

首先在色板上选取深浅两个颜色个颜色


红色框的位置改深色的序号,蓝色的位置改成差值,就可以了,该图片上的公式是橙色的渐变色~


备注:
1、十六进制颜色的具体含义如下:
十六进制颜色码:一种是发光体发出的颜色,比如计算机显示器屏幕显示的颜色,发光体的颜色模式,又称为"加色模式",三原色是"红"、"绿"、"蓝"三种颜色,加色模式又称为"RGB模式"; 按照R/G/B渐变一个颜色,用字符串截取、组合方式,结合指标大小排序情况是可以实现的。

2、给出另外两个颜色的示例可以参考哦~
橙色渐变:
format("#%2X",(255+self.row*0/31))^format("%2X",(99+self.row*105/31))^format("%2X",(00+self.row*99/31))
蓝色渐变:
format("#%2X",(33+self.row*66/31))^format("%2X",(66+self.row*138/31))^format("%2X",(255+self.row*0/31))


3、实用例子
类似目前国家卫健委的疫情地图


DING!
疫情时期出门记得戴口罩哦~

最近看过此主题的会员

esen_4ZJ8RP7VB1

esen_4Y3L5ADO80

esen_4V2FAE8RPI

chentao

zhaojinjin

wxw

esen_4SBQYN0BZ5TZ

esen_4PB1SMQ6J3

2个回答

只看楼主

wut 数据老手Lv5

发表于2020-3-2 13:53

只看该作者

取消 关注该作者的回复

沙发

特别的实用~

abiiba 小试身手Lv3

发表于2020-11-11 16:47

只看该作者

取消 关注该作者的回复

板凳

在数据差距不是很大的情况下,如何让颜色对比更强烈点呢?

登录后可回答问题,请登录注册

快速回复 返回顶部 返回列表

小时

全天响应

分钟

快速处理问题

工程师强势助力

明星产品
解决方案
联系合作

400咨询:400-0011-866

技术支持QQ:400-0011-866(工作日9:00-18:00)

产品建议邮箱yixin@esensoft.com

关注我们

扫TA学习更多干货

一对一专家交流

版权所有© 2006-2024 北京亿信华辰软件有限责任公司 京ICP备07017321号 京公网安备11010802016281号