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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。