类名 RankRenderer

# new RankRenderer(options)

等级符号专题图,符号尺寸随指定字段的值的变化而变化

参数:

名称 类型 默认值 描述
options Object

构造参数

field String

要素字段名

minSize Number 12

等级符号最小尺寸,单位像素

maxSize Number 50

等级符号最大尺寸,单位像素

minDataValue Number

最小数据范围,如果小于此数据范围按minSize进行符号渲染

maxDataValue Number

最大数据范围,如果超出此数据范围按maxSize进行符号渲染

symbol Symbol

等级符号样式,目前仅支持SimpleMarkerSymbol|PictureMarkerSymbol|TextSymbol,不支持线图层

valueExpression String

数据字段表达式,设置了会覆盖field的值

valueExpressionTitle String

数据字段表达式标题

查看源代码 common/document/renderer/RankRenderer.js, line 6

支持如下方法:
[1、通过json构造RankRenderer对象]
[2、导出json对象]
[3、克隆RankRenderer对象]

示例

创建随机渲染器对象

// ES5引入方式
const { RankRenderer } = Zondy.Renderer
const { SimpleMarkerSymbol, SimpleLineSymbol } = Zondy.Symbol
// ES6引入方式
import { RankRenderer, SimpleMarkerSymbol, SimpleLineSymbol } from "@mapgis/webclient-common"
// 初始化等级符号渲染器对象
const rankRenderer = new RankRenderer({
  // 等级符号最小尺寸,单位像素
  minSize: 12,
  // 等级符号最大尺寸,单位像素
  maxSize: 50,
  // 字段名
  field: '字段名',
  // 符号样式
  symbol:new SimpleMarkerSymbol({
    // 填充颜色
    color:'#00ff00',
    // 符号形状样式
    style:'diamond',
    // 符号外边线样式
    outline:new SimpleLineSymbol({
      // 符号外边线颜色
      color: '#ff0000',
      // 符号外边线宽度
      width: 2
    })
  })
})

继承关系

成员变量

String

# field

要素字段名

查看源代码 common/document/renderer/RankRenderer.js, line 96

Number

# maxDataValue

最大数据范围,如果超出此数据范围按maxSize进行符号渲染

查看源代码 common/document/renderer/RankRenderer.js, line 76

Number

# maxSize

等级符号最大尺寸,单位像素

查看源代码 common/document/renderer/RankRenderer.js, line 66

Number

# minDataValue

最小数据范围,如果小于此数据范围按minSize进行符号渲染

查看源代码 common/document/renderer/RankRenderer.js, line 81

Number

# minSize

等级符号最小尺寸,单位像素

查看源代码 common/document/renderer/RankRenderer.js, line 71

Symbol

# symbol

等级符号样式,目前仅支持SimpleMarkerSymbol|PictureMarkerSymbol|TextSymbol

查看源代码 common/document/renderer/RankRenderer.js, line 86

String

# readonly type

符号类型,默认为‘rank’

查看源代码 common/document/renderer/RankRenderer.js, line 60

String

# valueExpression

数据字段表达式

查看源代码 common/document/renderer/RankRenderer.js, line 101

String

# valueExpressionTitle

数据字段表达式标题

查看源代码 common/document/renderer/RankRenderer.js, line 107

构造函数
成员变量
方法
事件