ColorVariable

AMD: require(["geoscene/renderers/visualVariables/ColorVariable"], (ColorVariable) => { /* code goes here */ });
ESM: import ColorVariable from "@geoscene/core/renderers/visualVariables/ColorVariable";
类: geoscene/renderers/visualVariables/ColorVariable
继承于:ColorVariable VisualVariable Accessor
起始版本:GeoScene Maps SDK for JavaScript 4.10

颜色视觉变量可用于根据数值属性字段表达式的值通过连续色带来可视化要素。色带使用一系列断点定义,其中颜色值映射到数据值。位于两个断点之间的数据值被分配一个颜色,该颜色基于值相对于最近定义的断点的位置进行线性插值。

对于 CIMSymbol,颜色值仅应用于未锁定颜色的符号图层。

renderer-vv-color

另请参阅
示例
// Population per square kilometer
const colorVisVar = {
  type: "color",
  field: "POPULATION",
  normalizationField: "SQ_KM",
  stops: [
    { value: 30, color: "#FFFCD4" },
    { value: 6000, color: "#0D2644" }
  ],
  legendOptions: {
    title: "Population per square kilometer"
  }
};
renderer.visualVariables = [ colorVisVar ];
// color visual variable with arcade expression
// voter turnout
const colorVisVar = {
  type: "color",
  valueExpression: "( $feature.TOT_VOTES / $feature.REG_VOTERS ) * 100",
  valueExpressionTitle: "Voter Turnout",
  stops: [
    { value: 30, color: "#FFFCD4" },
    { value: 70, color: "#0D2644" }
  ]
};
renderer.visualVariables = [ colorVisVar ];

构造函数

new ColorVariable(properties)
参数
properties Object
optional

有关可能传递给构造函数的所有属性的列表,请参见属性

属性概述

可以设置、检索或侦听任何属性。请参阅使用属性主题。
显示继承属性 隐藏继承属性
名称 类型 描述
String

类的名称。

更多详情
Accessor
String

数字属性字段的名称,包含用于确定每个要素的颜色/不透明度/大小/旋转的数据值。

更多详情
VisualVariable
Object

对象,可提供用于在 Legend 中显示可视变量的选项。

更多详情
VisualVariable
String

归一化数据所依据的数值属性字段名。

更多详情
ColorVariable
ColorStop[]

定义连续色带的一系列连续对象或断点。

更多详情
ColorVariable
String

视觉变量类型。

更多详情
ColorVariable
String

遵循 Arcade 可视化配置文件定义的规范的 Arcade 表达式 表达式。

更多详情
VisualVariable
String

标题,用于标识和描述 valueExpression 属性中定义的关联 Arcade 表达式 表达式。

更多详情
VisualVariable

属性详细信息

declaredClass Stringreadonly inherited

类的名称。声明的类名称格式化为 geoscene.folder.className

数字属性字段的名称,包含用于确定每个要素的颜色/不透明度/大小/旋转的数据值。

legendOptions Object inherited

对象,可提供用于在 Legend 中显示可视变量的选项。

属性
showLegend Boolean
optional

指定是否在图例中显示可视变量。

title String
optional

描述 Legend 中视觉变量可视化的标题。这优先于字段别名或 valueExpressionTitle

normalizationField String

归一化数据所依据的数值属性字段名。如果使用此字段,则 stops 的值应标准化为百分比或比率。

自动转换自 Object[]

定义连续色带的一系列连续对象或断点。必须指定 2-8 个断点。在大多数情况下,不需要超过五个。值位于给定断点之间的要素将被分配一个颜色,该颜色将根据最近断点值沿色带线性插值。必须根据每个断点中 value 属性的值按升序列出断点。

type Stringreadonly

视觉变量类型。

对于 ColorVariable,类型总是 "color"

valueExpression String inherited

遵循 Arcade 可视化配置文件定义的规范的 Arcade 表达式 表达式。视觉变量中的表达式可能使用 $feature 配置变量来引用字段值,并且必须返回一个数字。

从该表达式返回的值是用于派生在 stops 中定义的可视化的数据。此表达式优先于字段。因此,该属性通常用作视觉变量中字段的替代视觉变量。

另请参阅
valueExpressionTitle String inherited

标题,用于标识和描述 valueExpression 属性中定义的关联 Arcade 表达式 表达式。如果 legendOptions 属性中没有提供 title,则它将在 Legend 中显示为相应视觉变量的标题。

方法概述

显示继承的方法 隐藏继承的方法
名称 返回值类值 描述

添加一个或多个与对象的生命周期相关联的句柄。

更多详情
Accessor
ColorVariable

创建 ColorVariable 的深度克隆。

更多详情
ColorVariable
*

创建此类的新实例并使用从 GeoScene 产品生成的 JSON 对象值对其进行初始化。

更多详情
ColorVariable
Boolean

如果存在指定的句柄组,则返回 true。

更多详情
Accessor

移除对象拥有的句柄组。

更多详情
Accessor
Object

将此类的实例转换为 GeoScene Portal JSON 表示。

更多详情
ColorVariable

方法详细说明

addHandles(handleOrHandles, groupKey)inherited
起始版本:GeoScene Maps SDK for JavaScript 4.25

添加一个或多个与对象的生命周期相关联的句柄。当对象被销毁时,将移除句柄。

// Manually manage handles
const handle = reactiveUtils.when(
  () => !view.updating,
  () => {
    wkidSelect.disabled = false;
  },
  { once: true }
);

// Handle gets removed when the object is destroyed.
this.addHandles(handle);
参数
handleOrHandles WatchHandle|WatchHandle[]

对象销毁后,标记为要移除的句柄。

groupKey *
optional

标识句柄应添加到的组的键。组中的所有句柄稍后都可使用 Accessor.removeHandles() 进行删除。如果未提供键,则句柄将被添加到默认组。

clone(){ColorVariable}

创建 ColorVariable 的深度克隆。

返回
类型 描述
ColorVariable 调用此方法的颜色视觉变量的深度克隆。
示例
// Creates a deep clone of the visual variable
let renderer = renderer.visualVariables[0].clone();
fromJSON(json){*}static

创建此类的新实例并使用从 GeoScene 产品生成的 JSON 对象值对其进行初始化。传入到输入 json 参数的对象通常来自对 REST API 中查询操作的响应或来自另一个 GeoScene 产品的 toJSON() 方法。有关何时以及如何使用该函数的详细信息和示例,请参阅指南中的使用 fromJSON() 主题。

参数
json Object

GeoScene 格式实例的 JSON 表示。有关各种输入 JSON 对象的结构示例,请参阅 GeoScene REST API 文档

返回
类型 描述
* 返回该类的新实例。
hasHandles(groupKey){Boolean}inherited
起始版本:GeoScene Maps SDK for JavaScript 4.25

如果存在指定的句柄组,则返回 true。

参数
groupKey *
optional

组键。

返回
类型 描述
Boolean 如果存在指定的句柄组,则返回 true
示例
// Remove a named group of handles if they exist.
if (obj.hasHandles("watch-view-updates")) {
  obj.removeHandles("watch-view-updates");
}
removeHandles(groupKey)inherited
起始版本:GeoScene Maps SDK for JavaScript 4.25

移除对象拥有的句柄组。

参数
groupKey *
optional

要移除的组键或组键的数组或集合。

示例
obj.removeHandles(); // removes handles from default group

obj.removeHandles("handle-group");
obj.removeHandles("other-handle-group");
toJSON(){Object}

将此类的实例转换为 GeoScene Portal JSON 表示。有关详细信息,请参阅使用 fromJSON() 指南主题。

返回
类型 描述
Object 此类实例的 GeoScene Portal JSON 表示。

您的浏览器不再受支持。请升级您的浏览器以获得最佳体验。请参阅浏览器弃用帖子以获取更多信息