ArcGIS API For JavaScript官方文档之Renderer类

ArcGIS API For JS官方文档解析目录

一、Class：Renderer

require(["esri/renderers/Renderer"], function(Renderer) { /* code goes here */ });

二、描述

    渲染器的基类，被用于GraphicsLayer和FeatureLayer。Renderer没有构造函数。

    有关渲染、智能制图和使用visual variables（可视化变量）的更多信息可以在Data Visualization指南主题中找到，以及在本主题中引用的多个示例

    注意：temporal renderer（时态渲染器）需要time-aware feature layers（时态感知要素图层）

三、示例

    查看使用这个类的示例

四、子类

    ClassBreakRenderer、DotDensityRenderer、HeatmapRenderer、ScaleDependentRenderer、SimpleRenderer、TemporalRenderer、UniqueValueRenderer、VectorFieldRenderer

五、属性

1、<Object[]>visualVariables

    此属性允许您定义如何在一个图层中渲染值。它由一系列对象(称为“visual variables”)组成，每个visual variables都包含绘图type属性、variable应用的坐标轴以及variable的额外属性。数据值可以以四种visual variable之一来可视化：color、size、opacity和rotation。下面的要点概述了每种visual variable如何定义：

• Color    —— 用颜色来可视化数据值。设置visual variable对象的type属性为colorInfo，然后使用colorInfo对象规范表定义对象的其余部分。注意：这不适用于VectorFieldRenderer。
• Size —— 用大小来可视化数据值。设置visual variable对象的type属性为sizeInfo，然后使用sizeInfo对象规范表定义对象的其余部分。
• Opacity —— 用透明度来可视化数据。设置visual variable对象的type属性为opacityInfo，然后使用opacityInfo对象规范表定义对象的其余部分。
• Rotation —— 添加于3.15版本。用旋转来可视化数据。设置visual variable对象的type属性为rotationInfo，然后使用rotationInfo对象规范表定义对象的其余部分。

（添加于3.13版）

示例：Color示例

"visualVariables": [
  {
    "type": "colorInfo",
    "field": "M086_07",
    "normalizationField": "AREA",
    "stops": [
       {
         "value": 0,
         "color": new Color([255,255,255]),
         "label": "< 30.900"
       },
      {
         "value": 100,
         "color": new Color([127,127,0]),
         "label": "37.415"
      }
    ]
 }]

Size示例：

"visualVariables": [
  {
    "type": "sizeInfo",
    "field": "pop2000",
    "minDataValue": 493782,
    "maxDataValue": 33871648,
    "valueUnit": "unknown",

    "minSize": {
      "type": "sizeInfo",
      "expression": "view.scale",
      "stops": [
        { "value": 1128, "size": 16 },
        { "value": 288895, "size": 16 },
        { "value": 73957191, "size": 9 },
        { "value": 591657528, "size": 2 }
       ]
      },

     "maxSize": {
     "type": "sizeInfo",
     "expression": "view.scale",
     "stops": [
       { "value": 1128, "size": 80 },
       { "value": 288895, "size": 80 },
       { "value": 73957191, "size": 50 },
       { "value": 591657528, "size": 25 }
      ]
  }
  }]

Opacity示例：

{
  "type": "opacityInfo",
  "field": "PCP",
  "stops": [{
    "value": 0,
    "opacity": 100
  }, {
    "value": 10,
    "opacity": 0
  }]
}

Rotation示例：

{
  "type": "rotationInfo",
  "field": "Rotate",
  "rotationType": "arithmetic"
}

5、<Object>sizeInfo

六、方法

转载自：https://blog.csdn.net/qq_35732147/article/details/80087076