视觉变量
使用简单渲染器和视觉变量样式化气象站,以显示空气温度
什么是视觉变量?
视觉变量是从人的视觉角度来表示属性的差异程度。它是显示数字型属性分类间隔样式的一种替代方法。与属性值分离成离散的数据范围不同,视觉变量会在数据停靠点之间进行线性插值,创建平滑、连续的可视化效果。
常用四个视觉变量:
- 颜色
- 大小
- 透明度
- 旋转
如何使用视觉变量
渲染器中有一个 visual
属性,所有的视觉变量都可以通过该属性设置。一个渲染器可以使用多个视觉变量,但一次添加多个视觉变量容易造成混乱。
多元可视化
了解如何在简单渲染器中有效地使用多个视觉变量。
颜色
颜色视觉变量根据数值型字段值或计算表达式返回的数据,划分成渐变色带来表示符号颜色。使用前,应进行归一化处理,特别是面图层数据。
颜色视觉变量需要如下两个属性:
- 字段名称或 Arcade 表达式。
- 两个或以上色标(用于与数据值匹配)。介于相邻色标之间的符号颜色是线性插值计算。
以下示例采用连续色带渲染气象站报告的当前温度。
GeoScene JS API
55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 56 57 58 59 60 61 62 63 64 65 66 67 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68 68
大小
大小视觉变量根据数值型字段值或计算表达式返回的数据设置符号的大小,符号大小是连续覆盖属性值范围。不适用于具有填充符号的渲染器。要按大小可视化面图层,应使用标记符号,在面的质心处进行渲染。
可通过两种不同的方式定义大小视觉变量:
- 符号大小的分割值
- 将
max
与Data Value max
进行匹配;将Size min
与Data Value min
进行匹配。Size
大小视觉变量需要有以下两个属性:
- 字段名称或 Arcade 表达式。
- 两个或以上的符号大小断点(用于将数据值与符号大小相匹配)。数据值介于指定断点之间的符号大小是线性插值的。
以下示例使用连续大小符号渲染气象站报告的当前风速。
GeoScene JS API
53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 53 54 55 56 57 58 59 60 61 62 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63 63
旋转
旋转变量可基于从字段或表达式返回的数值数据值设置符号的旋转。这通常用于旋转指示方向性的符号,例如:
- 风向
- 交通流量
- 坡向
旋转视觉变量与其他视觉变量的不同之处在于,它们仅需一个数据值,而不需要停止点。
- 基于字段名称或 Arcade 表达式引用数据值。
- 可选旋转类型,表示几何或算术旋转。
以下示例通过使用箭头标记气象站,并根据风向旋转它们来进行可视化。
GeoScene JS API
55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 55 56 57 58 59 60 61 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62 62
不透明度
透明度变量将基于从字段或表达式返回的数值型数据值覆盖符号的透明度。此变量通常用于展示某些要素比其他要素更突出。
不透明度视觉变量需要满足以下条件:
- 基于字段名称或 Arcade 表达式引用数据值。
- 至少两个透明度停靠点,用于将数据值与介于
0
和1
之间的透明度值相匹配。数据值在指定停靠点之间的符号的透明度是线性插值的。
以下示例可视化了主要作物情况。渲染器具有一个透明度变量,可通过比较来强调拥有大量农田的地区,并淡化拥有很少农田的地区。
GeoScene JS API
74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90 90