JavaScript ArcGIS ColorVariable用法及代码示例

基本信息

以下是所在类或对象的基本信息。

AMD: require(["esri/renderers/visualVariables/ColorVariable"], (ColorVariable) => { /* code goes here */ });

ESM: import ColorVariable from "@arcgis/core/renderers/visualVariables/ColorVariable";

类： esri/renderers/visualVariables/ColorVariable

继承: ColorVariable > VisualVariable > Accessor

自从：用于 JavaScript 4.10 的 ArcGIS API

用法说明

颜色视觉变量用于根据数字属性字段或表达式的值沿着连续色带可视化要素。色带是沿着一系列停止点定义的，其中颜色值映射到数据值。落在两个停止点之间的数据值会被分配一种颜色，该颜色是根据该值相对于最接近的定义停止点的位置线性插值的。

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

例子：

// 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 ];

相关用法

注：本文由纯净天空筛选整理自arcgis.com大神的英文原创作品 ColorVariable。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。