ArcGIS API For JavaScript官方文档之Renderer类

一、Class:Renderer

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

二、描述

    渲染器的基类,被用于GraphicsLayerFeatureLayer。Renderer没有构造函数。

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

    注意:temporal renderer(时态渲染器)需要time-aware feature layers(时态感知要素图层)

三、示例

    查看使用这个类的示例

四、子类

    ClassBreakRendererDotDensityRendererHeatmapRendererScaleDependentRendererSimpleRendererTemporalRendererUniqueValueRendererVectorFieldRenderer

五、属性

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

    

六、方法

展开阅读全文

没有更多推荐了,返回首页