Feature Effect

Feature Effect emphasizes or deemphasizes features that satisfy a filter using graphical effects

Referenced by: CSV Layer (CSV), Feature Layer (ArcGISFeatureLayer), Footprint Layer (FootprintLayer), GeoJSON Layer (GeoJSON), KnowledgeGraph Sub Layer (KnowledgeGraphSubLayer), Link Chart Aggregation Layer (LinkChartAggregationLayer), Link Chart Sub Layer (LinkChartSubLayer), OGC Feature Layer, Oriented Imagery Layer (OrientedImageryLayer), Stream Layer (ArcGISStreamLayer), Web Feature Service Layer (WFS)

Properties

Property Details
excludedEffect The effect applied to features that do not meet the filter requirements.
filter The client-side filter executed on each displayed feature to determine which of includedEffect or excludedEffect to apply.
See filter properties table.
includedEffect The effect applied to features that meet the filter requirements.

filter properties

Property Details
where A SQL-based where clause that narrows the data to be used. Any features that satisfy the query will be used.

Feature Effect Example

{
  "filter": {
    "where": "magnitude >= 3"
  },
  "includedEffect": [
    {
      "type": "brightness",
      "amount": 2
    }
  ],
  "excludedEffect": [
    {
      "type": "grayscale",
      "amount": 1
    },
    {
      "type": "opacity",
      "amount": 0.3
    }
  ]
}

Scale Dependent Feature Effect Example

{
  "filter": {
    "where": "magnitude >= 3"
  },
  "includedEffect": [
    {
      "scale": 36978595,
      "value": [
        {
          "type": "drop-shadow",
          "xoffset": 3,
          "yoffset": 3,
          "blurRadius": 4,
          "color": [
            0,
            0,
            0,
            255
          ]
        },
        {
          "type": "brightness",
          "amount": 4
        }
      ]
    },
    {
      "scale": 18489297,
      "value": [
        {
          "type": "drop-shadow",
          "xoffset": 2,
          "yoffset": 2,
          "blurRadius": 3,
          "color": [
            0,
            0,
            0,
            255
          ]
        },
        {
          "type": "brightness",
          "amount": 2
        }
      ]
    },
    {
      "scale": 4622324,
      "value": [
        {
          "type": "drop-shadow",
          "xoffset": 1,
          "yoffset": 1,
          "blurRadius": 2,
          "color": [
            0,
            0,
            0,
            255
          ]
        }
      ]
    }
  ],
  "excludedEffect": [
    {
      "type": "brightness",
      "amount": 0.8
    }
  ]
}

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.