Class: RankRenderer

RankRenderer

new RankRenderer(options)

document/renderer/RankRenderer.js, line 5

等级符号渲染器，按字段值将数值映射为符号尺寸，适用于表达数量级差异与空间强度分布。

Name Type Default Description
options Object {} 可选

构造参数

Name Type Default Description
field String 可选

要素字段名
minSize Number 12 可选

等级符号最小尺寸，单位像素
maxSize Number 50 可选

等级符号最大尺寸，单位像素
minDataValue Number 可选

最小数据范围，如果小于此数据范围按minSize进行符号渲染
maxDataValue Number 可选

最大数据范围，如果超出此数据范围按maxSize进行符号渲染
symbol Symbol 可选

等级符号样式，目前仅支持SimpleMarkerSymbol|PictureMarkerSymbol|TextSymbol，不支持线图层
valueExpression String 可选

数据字段表达式，设置了会覆盖field的值
valueExpressionTitle String 可选

数据字段表达式标题
Example

创建随机渲染器对象

// 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
    })
  })
})

Extends

Members

fieldString

要素字段名

idString

渲染器id

maxDataValueNumber

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

maxSizeNumber

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

minDataValueNumber

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

minSizeNumber

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

symbolSymbol

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

typeString

符号类型，默认为‘rank’

valueExpressionString

数据字段表达式

valueExpressionTitleString

数据字段表达式标题

Methods

clone(){RankRenderer}

document/renderer/RankRenderer.js, line 134

克隆RankRenderer对象

Returns:
Type Description
RankRenderer 克隆后的RankRenderer实例

toJSON(){Object}

document/renderer/RankRenderer.js, line 117

导出 JSON 对象

Returns:
Type Description
Object JSON 对象

RankRenderer.fromJSON(json){RankRenderer}

document/renderer/RankRenderer.js, line 108

通过 JSON 对象构造 RankRenderer 对象

Name Type Description
json Object

JSON 对象
Returns:
Type Description
RankRenderer RankRenderer实例